[英]Drag a containing div when dragging select children of the containing div with jQuery
考虑以下HTML结构:
<div class="calendar-container">
<div class="month-heading-wrapper">
<div class="month-text">
<p>Some text would go here</p>
</div>
<div class="something-else">
<p>When this is clicked on and dragged, it SHOULD NOT move anything</p>
</div>
</div>
</div>
使用以下JavaScript(使用jQuery):
$('.calendar-container .month-heading-wrapper .month-text').unbind();
$('.calendar-container .month-heading-wrapper .month-text').bind('drag', function(event){
var offset = $('.calendar-container').offset();
$('.calendar-container').css({
'top': (offset.top + event.pageY) + 'px',
'left': (offset.left + event.pageX) + 'px'
});
});
我的目标是仅在div .month文本被拖动时才移动div .calendar容器。 当.calendar-container中的任何其他div都被拖动(.month-text除外)时,我不想拖动.calendar-container。 我正在使用此插件的最新版本来利用drag事件。
一个更简单的方法是使用:
$('.calendar-container').draggable({handle:'.calendar-container .month-heading-wrapper .month-text'});
您将需要jQuery UI插件中的“可拖动”交互,此处的文档可供参考: http : //jqueryui.com/demos/draggable/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.