Javascript 捕捉';悬停';拖动时发生的事件

Javascript 捕捉';悬停';拖动时发生的事件,javascript,jquery,jquery-ui,Javascript,Jquery,Jquery Ui,我在我的页面中使用jQueryUI可拖放。基本上我实现了一个手风琴,你可以从一个部分拖动一个项目,然后放到另一个部分。我不使用jQueryUIAccordion——我只是想在适当的时候(当您在拖动时将鼠标悬停在部分标题上)显示相关部分并隐藏其他部分。我面临的问题是,在拖动时,悬停事件似乎不起作用。我尝试的第二件事是将节头设置为可拖放的,并实现“over”回调函数。问题在于,动态可拖放位置似乎存在问题-当节标题移动时(例如,显示其上方的节并将其下方的节标题向下推),可拖放位置保持在同一位置 有什么

我在我的页面中使用jQueryUI可拖放。基本上我实现了一个手风琴,你可以从一个部分拖动一个项目,然后放到另一个部分。我不使用jQueryUIAccordion——我只是想在适当的时候(当您在拖动时将鼠标悬停在部分标题上)显示相关部分并隐藏其他部分。我面临的问题是,在拖动时,悬停事件似乎不起作用。我尝试的第二件事是将节头设置为可拖放的,并实现“over”回调函数。问题在于,动态可拖放位置似乎存在问题-当节标题移动时(例如,显示其上方的节并将其下方的节标题向下推),可拖放位置保持在同一位置
有什么想法吗?

您可能需要更改ui,以便使您能够更改部分的部件不会自行移动


因此,您可以有一些导航链接或选项卡,因为它们是静态的。用户在选项卡上拖动一个项目,新选项卡现在打开,然后他们可以将其放到正确的位置。

以下是我解决该问题的方法:

  • 在可拖动选项中设置{refreshPostions:true}(这有点影响性能,但我没有看到其他方法)
  • 在下拉列表中设置:

  • 结束:function(){$(“#accordion”).accordion('activate',$(“#accordion.header”).index(这个))这主意不错,如果找不到技术解决方案,我可能会这么做。谢谢 over: function() {$("#accordion").accordion('activate', $("#accordion .header").index(this))