无法获得JQuery Draggable插件吗?

我是JQuery新手,我正在尝试使用Draggable插件创建一个示例页面。 页面加载正常,但我无法将我的

标签拖到任何地方。 我一直试图复制这个演示 。 这是我的代码:

      #draggable { width: 150px; height: 150px; padding: 0.5em; border: solid 1px black; cursor:pointer;}    
$(document).ready(function() { $("#draggable").draggable(); });

Drag me around

我只是想做到这一点,所以我可以在它周围的“demo”

拖动我的“draggable”

。 任何人都能看到我错过的东西吗?

您是否在页面上包含了jQuery UI脚本? 这是CDN链接到最新版本。

我使用Html5Boilerplate最佳实践:

               

对于它的价值,这是我的代码,我能够工作。 我只需要包含2个javascript文件(其中一个我已经包含,另一个,jquery-ui.js,来自这里 ,感谢@Scott!)。 另外,@ DarthJDG是正确的,顺序很重要。 如果我切换两个脚本标签的顺序,则分页。 我只包括标签,因为其他一切都保持不变。 再次感谢大家指出我正确的方向。 这是我的代码:

  
<%--came from http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.6.1.js--%> <%--came from //ajax.googleapis.com/ajax/libs/jqueryui/1.8.12/jquery-ui.js--%>

Drag me around

从http://jqueryui.com/download下载完整的JueryUI包,其中应包括wizard.js,core.js,mouse.js和draggable.js,然后使用$(control).draggable()使其工作。