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
Post a Comment