Javascript 无法将事件绑定到dom元素

我正在尝试创建一个可拖动的div。我编写了一些代码来截获具有以下html的事件：

<div class="draggable">
    <iframe  id="frame" src="http://www.wikipedia.org"></iframe>
</div>

下面是一个JSFIDLE：

问题是元素似乎没有拦截事件。如果我将事件绑定到文档，则代码将起作用：

---

我错在哪里？

是的，因为首先需要将jQuery UI添加到页面中

你可以在这里下载：

然后，您需要通过这样做：

$(".draggable").draggable();

---

让我知道这对您的作用。

对不起，问题编辑此问题与您使用的工具有关。您已经从左侧的菜单中选择了“无换行”标题，这会将您的代码放在页面顶部。非常感谢您，solvedIt实际上有点令人困惑，因为您知道如何编写所有这些内容，但jQuery并没有使用文档。准备好确保DOM已准备好了吗？

$(".draggable").draggable();