拖動與利潤不鉻正常工作只

我有一個可拖動如下：拖動與利潤不鉻正常工作只

<div id="_splitter" style="width: 40px; height: 40px; position: relative; z-index: 1; margin: -20px -23px auto auto; border: 3px solid gray; opaciy:.5;"></div>

在Chrome中是否能夠正常工作只有等到第一個mouseUp事件。一旦div被拖動到新的位置，下一個拖動會將元素按邊距的大小移動到左上角，因此，當您第二次開始拖動元素時，它看起來像是突然跳躍。

該問題只發生在Chrome，FF & Opera的工作很好。任何人都可以建議我如何在Chrome中使用它？

注意：我想找到一個修復，而不是一個黑客，我知道，如果我刪除/重新添加draggable它可能會工作，但這不是我所追求的。

這裏有一個攝製HTML，很抱歉沒有小提琴：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>draggable</title> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
    <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 

      $("#_splitter").draggable(); 
     }); 
    </script> 
</head> 
<body> 
    <div> 
     <div id="_splitter" 
      style="width: 40px; height: 40px; position: relative; z-index: 1; margin: 100px auto auto 100px; border: 3px solid gray; background-color: Green;"></div> 
    </div> 
</body> 
</html>

來源

2012-07-12 user1514042

你可以讓小提琴顯示你的問題嗎？ – Tschallacka 2012-07-12 21:11:16

你的代碼工作正常http://jsbin.com/ajiram/2/edit。 – 2012-07-12 22:23:41

它沒有。請注意第二次拖動觀看Chrome中綠色框的位置。它抵消了鼠標位置，這不應該發生。 – user1514042 2012-07-12 22:31:32

這對我的作品。我只是重新組織它在JSFiddle中，只是剪切和粘貼。

在這裏檢查JSFiddle

來源

2012-09-15 05:29:20 Kryz

拖動與利潤不鉻正常工作只

回答

相關問題