2011-01-05 8 views
0

問題を示す最短のページに問題が表示されました(インラインスタイルのお詫び)。jQueryUI - ドラッグするとオートスクロールが2倍になります

「ドラッグして」タイトルを下にドラッグすると、ドラッグされた要素がどのようにカーソルから遠ざかるかを調べます。それは、必要な距離よりも(ドキュメントに対して)2倍の距離移動しているようです。

IE8、FF3.5、Chromeで問題を再現しました。 WinXPとUbuntuについて

私のコードで何か愚かなことをやっているのですか、またはバグに遭遇しましたか?

おかげで、

クリス。
を減らす(しかしないようにするにはD:あなたはバグ:)マウスカーソルが表示エリア内に留まるまで
が それは正常に動作を見つけた私にとって

<!DOCTYPE html> 
<html> 
<head> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.7/jquery-ui.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $(".draggable").draggable(); 
     });  
    </script> 
</head> 
<body> 
<div style="width: 100px; height: 800px; background: green;"> 
</div> 
<h1 class="draggable">drag me</h1> 
<div style="width: 100px; height: 800px; background: green;"> 
</div> 
</body> 
</html> 

答えて

1

は...その後、H1はハイパードライブを有効にします。あなたは電子タグ(例えば身体)にドラッグ可能なエリアを制限し、スクロールを無効にすることができます)完全にバグの影響を避ける:

 

      $(".draggable").draggable(); 
      $(".draggable").draggable("option", "containment", 'body'); 
      $(".draggable").draggable( "option", "scroll" , false ); 
 

または任意の領域(ドキュメント内の他のオプション):

 

      var area=Array(0,740,300,880); 
      $(".draggable").draggable(); 
      $(".draggable").draggable("option", "containment", area); 
      $(".draggable").draggable( "option", "scroll" , false ); 
 
+0

はい、スクロールする前と全く同じ動作を観察しました。残念ながら、すべてのドロップターゲットが可視領域に収まるわけではないので、私はスクロール効果が必要です。 – fadedbee

+0

私の疑惑を確認していただきありがとうございます - 私は今バグとして提出しました。 http://bugs.jqueryui.com/ticket/6817 http://jsbin.com/uvodi3 – fadedbee

+0

私は、ヘルパーをクローンに設定したり、自分のヘルパーを機能として提供したりすると、私のために機能します。 – madcapnmckay

関連する問題