可拖动的框不起作用

时间:2016-09-19 13:08:08

标签: javascript jquery

确切代码:

<!doctype html>
<html>
<head>
<title>jQTest</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
    #square {
    height:200px;
    width:200px;
    background-color:grey;
    }
</style>
</head>
<body>

    <div id="square"></div>

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js"></script>
<script>
    $("#square").draggable();
</script>
</body>
</html>

我尝试了什么

  • 将对Google API的引用移到脚本的上方和右上方(当前位置)。我遇到过jQuery的两个问题,其中代码引用位置导致问题。
  • 我在一次尝试中引用了一个较新的库 - http://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js。什么都没有。教师使用我上面列出的那个,但我确实看到它适合他。
  • I built a JSFiddle,它也没有在那里发挥作用。请注意,我在此使用了更新的库。再一次,导师做了这个,我直接复制了他的代码然后玩了它,所以我不知道我在这里失踪了什么。

0 个答案:

没有答案