[問題][jQ] bind / unbind
view on-line
http://jsbin.com/acawor/3/edit
DOM:
---------------------
div#SelectTime
div#SelectData
div 1111
div 2222
div 3333
---------------------
理想動作:
1. click '#SelectTime' 時, #SelectData 開/閤
2. click '#SelectData>div' 時, #SelectData 閤上
& 當前點擊的 div addClass 'focus'
3. click 'div.focus' 時, 不動作 (意即 第二點的 click 需無效化)
手拙寫了js
但是unbind後有問題發生,
想請教該如何修正?
感謝!
---------------
$(function() {
var _selectData = $('#SelectData');
function toggleData() {
_selectData.slideToggle(250);
}
$('#SelectTime').bind('click',toggleData);
$('#SelectData>div:not(.focus)').click(function(){
_selectData.slideUp(250);
$(this).siblings().removeClass('focus').end().addClass('focus');
$('#SelectData>div').bind('click');
$('#SelectData>div.focus').unbind('click');
});
});
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.240.213.71
→
11/02 23:44, , 1F
11/02 23:44, 1F
→
11/03 00:03, , 2F
11/03 00:03, 2F
→
11/03 00:07, , 3F
11/03 00:07, 3F
→
11/03 00:07, , 4F
11/03 00:07, 4F
→
11/03 09:19, , 5F
11/03 09:19, 5F
→
11/03 18:46, , 6F
11/03 18:46, 6F
Ajax 近期熱門文章
PTT數位生活區 即時熱門文章