使用jQuery拖动包含div的选择子级时，拖动包含div

考虑以下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>

}))

---

我的目标是仅在拖动div.month文本时移动div.calendar容器。当.calendar容器中的任何其他div被拖动时，我不想拖动.calendar容器，除了.month文本。我正在使用最新版本的插件来利用拖动事件。

更简单的方法是使用：

$('.calendar-container').draggable({handle:'.calendar-container .month-heading-wrapper .month-text'});

---

您需要jQuery UI插件中的“可拖动”交互，这里的文档仅供参考：

查看jQuery UI。他们实现的拖拽功能是非常可扩展的+1非常感谢你，我已经在这个问题上绞尽脑汁了一段时间，你的代码工作得非常好！

$('.calendar-container').draggable({handle:'.calendar-container .month-heading-wrapper .month-text'});