Javascript 避免在JQuery中的同一div中触发多个操作(下拉、删除和排序)

Javascript 避免在JQuery中的同一div中触发多个操作(下拉、删除和排序),javascript,jquery,html,Javascript,Jquery,Html,我在触发同一分区中执行的多个操作时遇到问题。 它由一个带有下拉菜单的横幅组成,横幅中有一个删除它的按钮和一个移动它的按钮。现在,如果我点击删除按钮,它会询问我是否确定要删除它,它也会打开下拉列表。我通过添加stopPropagation修复了这个问题,但是现在我添加了一个按钮来移动它,stopPropagation使它变得无用。我应该如何解决这种情况 <div id="question_area" class="sortable"> <div class="clickab

我在触发同一分区中执行的多个操作时遇到问题。 它由一个带有下拉菜单的横幅组成,横幅中有一个删除它的按钮和一个移动它的按钮。现在,如果我点击删除按钮,它会询问我是否确定要删除它,它也会打开下拉列表。我通过添加stopPropagation修复了这个问题,但是现在我添加了一个按钮来移动它,stopPropagation使它变得无用。我应该如何解决这种情况

<div id="question_area" class="sortable">
   <div class="clickable" onMouseDown="toggleMenu()">
     <a href="deleteThisQuestion" onMouseDown="stopEvent(event)" </a> 
     <span><img src='img'/>You can sort this div by dragging the image</span>
   </div>
</div>

您可以在中发布html和javascript吗?代码太长,无法在JSFIDLE中发布,对不起。如果只是尝试在JSFIDLE中复制这个问题呢?你的措辞令人困惑-你的主要部门是由一个带有下拉菜单的横幅组成的?您的切换菜单和stopPropogation功能是什么样子的?