无法让JQuery使元素可拖动

时间:2013-08-21 23:04:24

标签: jquery html

我试图熟悉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元素仍然不能拖延。我也没有获得任何控制台输出或任何类型的错误消息。

1 个答案:

答案 0 :(得分:2)

fiddler中正常工作。我只使用了差异 jQuery 1.7.2

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