0

我试图熟悉 JQuery，并认为我会尝试通过一个简单的小项目来制作可拖动的 div。这是我的代码：

<!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 仍然不可拖动。我也没有得到任何控制台输出或任何类型的错误消息。

4

1 回答 1

2

在fiddler中工作正常。唯一的区别是我使用了 jQuery 1.7.2

$(document).ready(function() {
    $( "#dragme" ).draggable();
});
于 2013-08-21T23:07:12.303 回答