使用 jQuery ui.sortable 时未触发鼠标悬停事件答案

【问题标题】：Mouse over events not fired when using jQuery ui.sortable使用 jQuery ui.sortable 时未触发鼠标悬停事件
【发布时间】：2010-10-02 10:00:41
【问题描述】：

我正在使用 jQuery UI Sortables 对列表之间的项目进行排序，并将项目从一个列表拖放到另一个列表。

列表可以使用控制展开/折叠操作的标题 DIV 进行折叠。我希望当用鼠标将鼠标悬停在其标题 DIV 上时列表自动展开，但仅当我当前正在对列表进行排序时。

问题是当前排序时（当我当前正在拖动列表项时），鼠标悬停/鼠标输出事件似乎没有针对页面上的任何对象触发。

任何人都知道为什么会发生这种情况/如何解决这个问题？

总体布局：

<div class="category">
  <div class="title">title</div>
  <ul class="sortable">
    <li>item 1</li>
    <li>item 2</li>
     ....
  </ul>
</div>
<div class="category">
  ...
</div>

谢谢！

【问题讨论】：

你的 jQuery 代码现在有什么？
您有解决方法的示例吗？
使用jquery ui的droppable功能的over事件来处理mouseover事件并展开列表。

标签： jquery jquery-ui-sortable

【解决方案1】：

http://api.jqueryui.com/droppable/#event-over

$( ".title" ).droppable({
  over: function( event, ui ) {
    $(this).next().show(); # show ul.sortable
  }  
})

当然需要 jquery-ui droppable

【讨论】：

【解决方案2】：

这是因为最新的官方 JQuery 1.3 版本中存在一个错误。获取latest trunk release 进行修复。

这与我回答的关于启动和更新事件也不起作用的另一个问题有关：jQuery Sortable callbacks not working?

【讨论】：

我不确定您是否理解我的问题。无论如何，我最终解决了我需要 mouseover/out 触发的问题。