拖动时捕捉'悬停'事件

时间:2009-11-25 17:50:15

标签: javascript jquery jquery-ui

我在我的页面中使用jQuery-ui draggable和droppable。基本上我正在实现一个手风琴,你可以从一个部分拖动一个项目,然后放入另一个部分。我不使用jquery-ui手风琴 - 我只是想揭示相关部分并在时间合适时隐藏其他部分(当你在拖动时将鼠标悬停在部分标题上)。我面临的问题是悬停事件似乎在拖动时不起作用。我尝试的第二件事是将节标题设置为droppable并实现'over'回调函数。问题是动态可放置位置似乎存在问题 - 当节标题移动时(例如,它上面的部分被显示并将其下方的节标题向下推),可放置位置保留在同一位置 任何想法?

2 个答案:

答案 0 :(得分:0)

您可能想要更改您的ui,以便让您更改部分的部分本身不会移动。

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

答案 1 :(得分:0)

这是我如何解决它:

  1. 在可拖动选项中设置{refreshPostions:true}(这会让性能受到一点伤害,但我没有看到其他方式)
  2. 设置在droppable中:
  3. over: function() {$("#accordion").accordion('activate', $("#accordion .header").index(this))