jquery - JQuery在div恢复正常状态时启用点击

Question

当单击的 div 处于活动状态时，有没有办法禁用单击其他 div？

我正在使用JQuery .toggle()函数。

左侧两个 div 的JQuery ：

$(document).ready(function() {
    $('.move_box_left_up').toggle(function() {
        $(this).css({"z-index":"20"});
        $(this).animate({"height": "529px", "width": "460px"}, "slow");
        $(this).find('img').animate({"width": "460px"}, "slow");
    },function() {
        $(this).find('img').animate({"width": "220px"}, "slow");
        $(this).animate({"height": "163px", "width": "220px"}, "slow");
        setTimeout( function(){$('.move_box_left_up').css({"z-index":"10"});},500);
    })
});

两个右 div 的JQuery：

$(document).ready(function() {
    $('.move_box_right_up').toggle(function() {
        $(this).css({"z-index":"20"});
        $(this).animate({"height": "529px", "width": "460px", "left":"-=240px"},"slow");
        $(this).find('img').animate({"width": "460px"}, "slow");
    },function() {
        $(this).find('img').animate({"width": "220px"}, "slow");
        $(this).animate({"height": "163px", "width": "220px","left":"+=240px"}, "slow");
        setTimeout( function(){$('.move_box_right_up').css({"z-index":"10"});},500);
    })
});

JSF中。

Answer 1

也许有一个条件并设置一个像属性一样的焦点是合适的：

if ($('div[selected=selected]').length < 1) {
    $(this).attr("selected", "true");

编辑：更新的代码

http://jsfiddle.net/cjmwZ/1