Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/460.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 jQuery Draggable Stop:用于停止元素复制的函数_Javascript_Jquery_Jquery Ui_Jquery Ui Draggable - Fatal编程技术网

Javascript jQuery Draggable Stop:用于停止元素复制的函数

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") {

当可拖动元素停止了我分配给stopperPagation的两个元素时,我试图得到它。到目前为止,我已经编写了代码,没有错误,但还不能工作

 $( "#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中有这样的按钮-
。关闭#提交
,没有空间再深入一个元素。我为上面的错误感到遗憾。我回答了我自己的问题。