Question

我正在使用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>

谢谢！

Answer 1

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

这与我回答的有关启动和更新事件无效的另一个问题有关：jQuery Sortable callbacks not working?

Answer 2

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

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

当然需要jquery-ui droppable

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

2 个答案: