0

我希望掌握 jQuery 和 jQuery UI。这东西很酷，我可能会看到它的潜力，尽管我不是 javascript 的王者，远非如此！

出于教学目的，我将这段代码写在一个手写的 HTML 文件中。

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>01 - jQuery UI Draggable Basic Example</title>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
    <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
    <script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
    <style>
        .dragarea {
                height: 500px;
                width: 500px;
                background: grey;
        }

        #draggable {
                width: 100px;
                height: 100px;
                padding: 20px;
                background: #ccc;
                cursor: pointer;
        }
    </style>
    <script>
        $(document).ready(function() { $( "#draggable" ).draggable(); });
    </script>
</head>
<body>
    <div class="dragarea">
        <div id="draggable">Drag me</div>
    </div>
</body>
</html>

然而，当从这个jQuery UI Draggable网站复制时，它可以正常工作。

我还阅读了有关如何使用 jQuery 创建简单拖放的教程，以及许多其他 StackOverflow 的 Q/A：

  1. jQuery UI 可拖动不工作
  2. 无法让 JQuery Draggable 插件工作？

仅举几个。

当我说它不能正常工作时，我的意思是我可以在屏幕上以正确的样式看到我的两个 DIV 部分，并且我无法拖动可拖动的矩形，它只是像我一样选择文本和页面试图复制文本。这是屏幕上的结果。

我上面代码的屏幕结果

我的代码有什么问题？有人可以告诉我吗？

谢谢你的支持！=)

4

1 回答 1

3

脚本标签不会自动关闭。 

<script src="http://code.jquery.com/jquery-1.8.2.js" />
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js" />

小提琴：坏了

应该

<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>

小提琴：固定

于 2012-11-21T19:25:08.957 回答