Question

我一直收到这个错误：

错误：对象不支持属性或方法'draggable'

我已经包含了此代码的所有必要脚本。我做错了什么？

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <script src="@Url.Content("~/Scripts/jquery-1.10.2.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui.js")" type="text/javascript"></script>
    <link rel="stylesheet" href="/resources/demos/style.css">
    <style>
        #test {
            width: 150px;
            height: 150px;
            padding: 0.5em;
        }
    </style>
    <script>
        $(function () {
            $("#test").draggable();
        });
    </script>
</head>
<body>

    <div id="test" class="ui-widget-content">
        <p>Drag me around</p>
    </div>


</body>
</html>

Answer 1

更改ID＆＃34; #draggable＆＃34;到＆＃34; #test＆＃34;在内部样式表。因为你的html中没有可拖动的可拖动ID。

#test   {
            width: 150px;
            height: 150px;
            padding: 0.5em;
        }

Answer 2

试试这个

<div id="main">
   <div id="test" class="ui-widget-content">
        <p>Drag me around</p>
   </div>
</div>

错误：对象不支持属性或方法'draggable'

2 个答案: