無法讓JQuery使元素可拖動

我試圖熟悉JQuery，並認爲我會讓一個div可拖動一個簡單的小項目嘗試。這裏是我的代碼：無法讓JQuery使元素可拖動

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="UI_Theme/css/ui-lightness/jquery-ui-1.8.18.custom.css" /> 
    <script src="UI_Theme/js/jquery-1.7.1.min.js"></script> 
    <script src="UI_Theme/js/jquery-ui-1.8.18.custom.min.js"></script> 
    <script> 
     $(document).ready(function() { 
      $("#dragme").draggable(); 
     }); 
    </script> 
    <style> 
     body 
     { 
      background-color:#4D4D4D; 
     } 
     #dragme 
     { 
      width:100px; 
      height:100px; 
      background-color:red; 
     } 
    </style> 
</head> 
<body> 
    <div id="dragme"> 
     <font color="black" size="2">Drag this!</font> 
    </div> 
</body> 
</html>

我已經遵循了幾個不同的JQuery教程的主題信。儘管我盡了最大的努力，但#dragme元素仍然不可拖動。我沒有得到任何控制檯輸出或任何類型的錯誤消息。

來源

2013-08-21 user1364920

你應該檢查你使用的jQuery版本是否支持這個。 –

它對我來說也很好。我看到的唯一能做的就是鏈接到你的腳本和樣式表正在尋找與該文件相同的目錄。 –

在fiddler中正常工作。我唯一的區別是 jQuery 1.7.2

$(document).ready(function() { 
    $("#dragme").draggable(); 
});

來源

2013-08-21 23:07:12

在我的Codepen草圖中也適用於我：http://cdpn.io/ChsKz。嘗試使用他們的CDN來爲您的jQuery腳本提供服務，而不是保留在本地，並查看是否會改變任何內容。 – kunalbhat

我想通了。我使用了一個糟糕的JQuery文件。下載一個新的，現在它完美的作品。謝謝。 – user1364920

無法讓JQuery使元素可拖動

回答

相關問題