2012-04-07 62 views
1

有人能帮我吗?它可能是一些简单的我俯瞰:简单的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

回答

3

您的网址被打破;如果我加载整个jQuery UI库,你的代码工作here

+0

哇,谢谢,我从来没有抓住这些粗心的错误让自己惊讶!我需要睡觉哈哈...... – 2012-04-07 15:20:40

+0

错,你需要咖啡。 =) – 2012-04-07 15:21:08

1

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

在其他脚本标签的顶部添加这一行,

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

jsfiddle example(外部的jQuery)的作品