简单的Jquery draggable对我不起作用?

时间:2012-04-07 15:11:12

标签: jquery draggable

有人可以帮帮我吗?它可能是我忽略的简单:

<script src="http://jqueryui.com/ui/jquery.ui.core.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.widget.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.mouse.js"></script>
<script src="http://jqueryui.com/ui/jquery.ui.draggable.js"></script>


<script>
$(function() {
    $( "#draggable" ).draggable();
});
</script>



<div id="draggable" class="ui-widget-content"
style="position:absolute;width:150px;height:210px;left:2%;top:40%;background-color:#eeeeee;border-radius:12px;border:solid 1px black;font-size:17px;text-align:center">
</div>

<小时/> http://jqueryui.com/demos/draggable/#default

2 个答案:

答案 0 :(得分:3)

您的网址已损坏;如果我加载整个jQuery UI库,你的代码将工作here

答案 1 :(得分:1)

我认为您没有添加到您的网页 jquery.js

将此行添加到其他脚本标记的顶部,

<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

它适用于jsfiddle example(外部jquery)