javascript - jQuery Draggable Stop: function to stopPropagation of elements -


i trying when draggable element has stopped 2 elements assign stoppropagation. code have far, no errors, yet not working.

 $( "#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;           }       }  }); 

basic html mockup-

<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> 

any ideas how these elements become clickable of right not clickable tell jquery do.-

$('.button #close').click(function() {   $('#pop_up').hide();  });  $('.button #submit').click(function() {       var minivis = $('#minimize_wrapper').css('display');   if(minivis ==="block"){        $('#minimize_wrapper').slideup();    } else {       $('#minimize_wrapper').slidedown();    }   }); 

ok had change first code draggable this-

$( "#pop_up" ).draggable({      handle: "#pop_header",     containment: "parent",      stop:function(e) {          if ($(e.target).attr('id') === "parent-of-buttons") {            e.stoppropagation();             return false;         }      } }); 

and changed second code this-

$('#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();   } }); 

well hope else trying this. can't stoppropagation of buttons can stoppropagation of parent element.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

java - Multi-Label Document Classification -

php - Dynamic url re-writing using htaccess -