Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript jqueryui两个draggables冲突_Javascript_Jquery_Jquery Ui - Fatal编程技术网

Javascript jqueryui两个draggables冲突

Javascript jqueryui两个draggables冲突,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我有两个div,一个在秒内。 我不想执行一些JavaScript逻辑,并根据结果允许拖动#c或在#a上继续事件。如何做到这一点 HTML: 更新: 我需要:如果drag=false,那么#处理程序可以拖动#c,如果drag=true,那么只有#c可以拖动 更新了上的示例不确定我是否理解您在寻找什么。。但是,如果您只希望容器被拖动直到它切换,反之亦然,那么您就在正确的轨道上,我将使用拖动事件而不是开始,因为拖动会一直触发 $('#a').draggable({ drag:function(

我有两个div,一个在秒内。 我不想执行一些JavaScript逻辑,并根据结果允许拖动#c或在#a上继续事件。如何做到这一点

HTML:

更新:

我需要:如果drag=false,那么#处理程序可以拖动#c,如果drag=true,那么只有#c可以拖动


更新了上的示例

不确定我是否理解您在寻找什么。。但是,如果您只希望容器被拖动直到它切换,反之亦然,那么您就在正确的轨道上,我将使用
拖动
事件而不是
开始
,因为拖动会一直触发

$('#a').draggable({
    drag:function(event,ui){
        if(drag){
            //proxyfi event to #a or simply allow dragging of #a
            return false;
        }
    }
});
$('#c').draggable({
    drag:function(event,ui){
        if(drag ==false){
            //proxyfi event to #a or simply allow dragging of #a
            return false;
        }
    }
});
范例

更新

$('#a').draggable({
    drag:function(event,ui){
        if(drag){
            return false;
        }
    },
    handle: "#c"
});
$('#c').draggable({
    drag:function(event,ui){
        if(drag ==false){
            return false;
        }
    },
    disabled: true
});
CSS


我不知道我是否明白你在找什么。。但是,如果您只希望容器被拖动直到它切换,反之亦然,那么您就在正确的轨道上,我将使用
拖动
事件而不是
开始
,因为拖动会一直触发

$('#a').draggable({
    drag:function(event,ui){
        if(drag){
            //proxyfi event to #a or simply allow dragging of #a
            return false;
        }
    }
});
$('#c').draggable({
    drag:function(event,ui){
        if(drag ==false){
            //proxyfi event to #a or simply allow dragging of #a
            return false;
        }
    }
});
范例

更新

$('#a').draggable({
    drag:function(event,ui){
        if(drag){
            return false;
        }
    },
    handle: "#c"
});
$('#c').draggable({
    drag:function(event,ui){
        if(drag ==false){
            return false;
        }
    },
    disabled: true
});
CSS


@ROMB如果回答了您的问题,请将此答案标记为已接受,否则请就未解决的问题提供反馈。Thanks@ROMB如果回答了您的问题,请将此答案标记为已接受,否则请就未解决的问题提供反馈。谢谢
.ui-state-disabled {
    opacity:1;   
}