.draggable();功能不起作用

时间:2015-08-10 10:33:23

标签: javascript jquery jquery-ui-draggable

代码:

<!DOCTYPE html>
<html>
<head>
<title>Project 507</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<style type="text/css">
#draggable {
width: 150px;
height: 150px;
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$("#draggable").draggable();
});
</script>
</head>
<body>
<div id="draggable">
<p>Compose new Tweet</p>
</div>
</body>
</html>

.draggable();功能无效。我已将它放在<div>中,并使用jQuery尝试使<p>工作。但是这个代码有问题,而且它没有输出.draggable();函数。我能得到一些帮助吗?感谢。

1 个答案:

答案 0 :(得分:0)

在代码中添加jquery-ui.js: 作为参考,你可以看看这个: Fiddle

代码如下

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

除此之外所有代码都相同。