views:

703

answers:

1

I'm using jQuery UI Sortables to sort items between lists and drag / drop items from one list to the other.

The lists are collapsible with header DIVs that control the expand / collapse operations. I would like to have the lists expand automatically when hovering over their title DIVs with the mouse, but only when I'm currently sorting a list.

The problem is that when currently sorting (when I'm currently dragging a list item), mouseover / mouseout events do not seem to be firing for any object on the page.

Anyone has any idea why this happens / how to work around this?

The general layout:

<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>

Thanks!

+1  A: 

This is because there is a bug in the latest official JQuery 1.3 release. Get the latest trunk release to fix it.

This was related to another question I answered regarding start and update events not working either: http://stackoverflow.com/questions/466464/jquery-sortable-callbacks-not-working#466566

Soviut
I'm not sure that you understood my problem. Anyway, I ended up working around the issue for which I needed mouseover/out fired.
Electric Monk