6

jQuery UI Sortables を使用してリスト間でアイテムをソートし、あるリストから別のリストにアイテムをドラッグ/ドロップしています。

リストは、展開/折りたたみ操作を制御するヘッダー DIV で折りたたみ可能です。マウスでタイトル DIV にカーソルを合わせると、リストが自動的に展開されるようにしたいと思いますが、現在リストを並べ替えているときのみです。

問題は、現在並べ替え中 (現在リスト項目をドラッグしているとき) に、ページ上のどのオブジェクトに対しても mouseover / mouseout イベントが発生していないように見えることです。

なぜこれが起こるのか/これを回避する方法は誰にも分かりますか?

一般的なレイアウト:

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

ありがとう！

4

2 に答える 2

2

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

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

もちろん、jquery-ui droppable が必要です

于 2013-05-14T18:34:29.393 に答える
1

これは、最新の公式 JQuery 1.3 リリースにバグがあるためです。これを修正するには、最新のトランク リリースを入手してください。

これは、開始イベントと更新イベントが機能しないことに関して私が回答した別の質問に関連していました: jQuery Sortable callbacks not working?

于 2009-01-22T06:40:40.417 に答える