jQueryUI的 - 拖動

當我蒸的問題轉化爲表現出的問題（道歉內嵌樣式）最短的頁面自動滾動進入雙距離。jQueryUI的 - 拖動

如果向下滾動並拖動「拖箱」稱號，看看拖動的元素如何縮放從鼠標移開。它似乎正在移動距離（相對於文檔）的兩倍。

我已經轉載了IE8，FF3.5和Chrome的問題。在WinXP和Ubuntu上。

我在做一些愚蠢的事在我的代碼，或者有我遇到了一個錯誤？

謝謝，

Chris。

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

來源

2011-01-05 fadedbee

對我來說，你已經發現了一個bug :)
，直到鼠標光標停留在可見區域內它工作正常...那麼H1啓用超光速：d
要減少（但不完全避免）的錯誤的影響，您可以限制可拖動區域進軍電子商務標籤（例如人體）和禁用滾動：

 

      $(".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 );

來源

2011-01-05 19:04:36

是的，我觀察到完全相同的行爲，在滾動之前。不幸的是，我需要滾動效果，因爲並非所有放置目標都可以放在可見區域內。 – fadedbee 2011-01-06 08:31:56

感謝您確認我的懷疑 - 我現在將它歸檔爲一個錯誤。 http://bugs.jqueryui.com/ticket/6817 http://jsbin.com/uvodi3 – fadedbee 2011-01-06 08:51:31

它適用於我，如果我設置幫助克隆或提供我自己的助手作爲一種功能。 – madcapnmckay 2011-01-17 13:57:15

jQueryUI的 - 拖動

回答

相關問題