Javascript jQuery Draggable Stop:用于停止元素复制的函数
当可拖动元素停止了我分配给stopperPagation的两个元素时,我试图得到它。到目前为止,我已经编写了代码,没有错误,但还不能工作Javascript jQuery Draggable Stop:用于停止元素复制的函数,javascript,jquery,jquery-ui,jquery-ui-draggable,Javascript,Jquery,Jquery Ui,Jquery Ui Draggable,当可拖动元素停止了我分配给stopperPagation的两个元素时,我试图得到它。到目前为止,我已经编写了代码,没有错误,但还不能工作 $( "#pop_up" ).draggable({ handle: "#pop_header", containment: "parent", stop:function(e) { if ($(e.target).attr('id') === "submit") {
$( "#pop_up" ).draggable({
handle: "#pop_header",
containment: "parent",
stop:function(e) {
if ($(e.target).attr('id') === "submit") {
e.stopPropagation();
return false;
}
else if ($(e.target).attr('id') === "close")
{
e.stopPropagation();
return false;
}
}
});
基本HTML模型-
<div id="pop_up">
<div id="pop_header">
<span class="button" id="submit"></span>
<span class="button" id="close"></span>
</div>
<div id="pop_body">
</div>
</div>
好的,所以我要做的就是把draggable的第一个代码改成这个-
$( "#pop_up" ).draggable({
handle: "#pop_header",
containment: "parent",
stop:function(e) {
if ($(e.target).attr('id') === "parent-of-buttons") {
e.stopPropagation();
return false;
}
}
});
$('#parent-of-buttons').on('click','#close',function(){
$('#pop_up').hide();
});
$('#parent-of-buttons').on('click','#submit',function(){
var miniVis = $('#minimize_wrapper').css('display');
if(miniVis ==="block"){
$('#minimize_wrapper').slideUp();
} else {
$('#minimize_wrapper').slideDown();
}
});
然后我把第二个代码改成了这个-
$( "#pop_up" ).draggable({
handle: "#pop_header",
containment: "parent",
stop:function(e) {
if ($(e.target).attr('id') === "parent-of-buttons") {
e.stopPropagation();
return false;
}
}
});
$('#parent-of-buttons').on('click','#close',function(){
$('#pop_up').hide();
});
$('#parent-of-buttons').on('click','#submit',function(){
var miniVis = $('#minimize_wrapper').css('display');
if(miniVis ==="block"){
$('#minimize_wrapper').slideUp();
} else {
$('#minimize_wrapper').slideDown();
}
});
我们希望这能帮助其他尝试这样做的人。您不能停止按钮本身的粘贴,但可以停止该父元素的粘贴。
$(.button#close)
不起作用,因为您尝试更深一层。只需对按钮执行#关闭
和#提交
。你知道我的JS中有这样的按钮-。关闭#提交
,没有空间再深入一个元素。我为上面的错误感到遗憾。我回答了我自己的问题。