jquery - 使用注入(inject)的 jquery 脚本创建可拖动的 div

Question

我正在尝试使用扩展在已加载页面的所有元素之上创建一个可拖动的 div。我已经注入(inject)了 jquery 脚本和以下代码。这是在我的 js 文件中(从 http://coursesweb.net/jquery/jquery-ui-draggable-drag 复制)

$("body").append('<div id="dg2">hello world</div>');
$('#dg2').draggable({
   cursor: 'pointer',      // sets the cursor apperance
   opacity: 0.35,          // opacity fo the element while it's dragged
   stack: $('#dg2'),       // brings the '#dg1' item to front
});

这是在css文件中

#dg2 {
    width:180px;
    height:100px;
    margin:8px;
    top:150px;
    z-index:1000;
    background:#a7daa8;
}

我看到 div 是在页面底部创建的。而且它不能拖动和移动。 如何在中间创建它并使其能够移动？请帮忙。

Answer 1

它工作正常..可能是你没有在你的 html 中包含 jquery ui 脚本标签 确保这一点。

<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>

查看此工作链接

JSFIDDLE