作者Rplus (R+) (9527)
看板Ajax
標題[問題][jQ] bind / unbind
時間Fri Nov 2 23:23:53 2012
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
2F：→ Rplus:效果正我我預想的一樣!!! 先感謝!!! (我再慢慢研究一下code 11/03 00:03
3F：→ Rplus:不過為什麼var $this = $(this);寫在if後面就不能動了呀? 11/03 00:07
4F：→ Rplus:啊... 當我沒問XDD 11/03 00:07
5F：→ terlin10:Raven... 11/03 09:19
6F：→ Rplus:嗨~ 11/03 18:46