jQueryのdroppable - 短い時間の後にホバーに反応する方法？

Question

jQuery draggable/droppableを使用して、あるリストから別のリストへ（divs）ドラッグします。どちらのリストも固定数のリスト項目を持ち、リスト項目自体は空でも、すでにdivを含むこともできます。

divをリスト項目にドラッグしています。リストアイテムに既にdivが含まれている場合、そのdivをその下のリストアイテムにプッシュダウンしたいと思います。つまり、divのためにドラッグするようにします。私は "over"イベントを落とすことでこれを行うことができます。しかし私は、ユーザがセタンテク期間、例えば0.5秒間そこで一時停止した後にのみこれが起こることを望んでいます。これどうやってするの？

また、ユーザーが落ちないと決めた場合は、避難したアイテムを元の位置に戻したいと思います。もう一度、それを達成するのが一番簡単でしょうか？あなたの助けのための

おかげ

ウィリアム

Answer 1

は、私はちょうど同じような何かをやっていることが起こります。私の場合、私はtreeTableプラグインを使用しています。私はそれがある程度の時間のために吊るされている場合、倒れた木を広げたいと思う。ここまで私がこれまで持っていたことがあります。私はちょうど今日このことに取り組んでいる。操作を遅らせるためにタイムアウトを使用することに注意してください。

var timeout = null; 
var clear = function() { 
    if (timeout) { 
     clearTimeout(timeout); 
     timeout = null; 
    } 
} 

$(".selector").droppable({ 
    over: function(e, ui) { 
     if (! $(this).is("expanded")) { 
      clear(); 
      timeout = setTimeout(function() { 
       $(this).expand(); 
       timeout = null; 
      }, 1000); 
     } 
    } 
    , out: clear 
    , drop: function(e, ui) { 
     clear(); 
     ... 
    } 
}); 

私はまだこれに問題があります。 1つのブランチが展開されると、その下の行がプッシュダウンされて、展開されたブランチのためのスペースを確保します。私はまだ落としていないので、私は、拡張された支店の最初の新しい要素の上にマウスを置く。問題は、この要素がhoverClassを取得しないことです。最初の要素が新しいブランチの下にプッシュダウンされて取得されます。それはjqueryがそれが動かされたことを理解していないようです。あなたが説明したことを考えれば、この問題に遭遇する可能性が高いと思います。

私はjquery-1.4.2を使用していましたが、jquery-1.6.4にアップデートして問題が解決するかどうかを確認しました。どちらのバージョンも同じ動作を示します。また、Chrome 14.0.835.202、Opera 11.52、Firefox 3.6.23、IE7.0.5730.13でこれをテストしました。それはすべて同じ方法で起こります。ですから、jqueryにバグがあるか、これを引き起こす何かをしました。

あなたの2番目の質問について私はあなたが何をしているかを完全に理解しているかどうかはわかりません。