如何在chrome扩展中添加拖动功能？
这是一个一般性的问题，但如何将拖动功能添加到自定义chrome扩展。
我正在构建一个自定义的chrome ext。但我希望用户将它拖来拖去；目前它固定在右上角。
我希望它类似于“护城河”扩展(如果你熟悉它)。这是这个ext的截图。和URL。
它是简单地添加Jquery UI，还是我需要做一些特殊的事情？
我尝试将宽度和高度100%设置为body元素，因此它会占用整个页面，并在body中添加一个div (即ext )，并将z-index设置为1，但这种方法行不通。正文的宽度和高度没有扩展，扩展仍然固定在右上角。
我试着检查这个元素，看看我是否能找到一种方法从那个角落“分离”出来，但没有成功。
有没有人有使用chrome扩展和添加拖拽功能的经验？再说一次，这是一个一般性问题。您的帮助我们将不胜感激。
回答 1
Stack Overflow用户
发布于 2017-01-04 05:48:50
实际上，您可以通过几种不同的方式使用jQuery UI。当然，Dialog Widget很棒，但如果您只想在屏幕上拖动内容，则可以使用Draggable。您可以在链接中找到一个工作示例。
添加jQuery UI后，只需一行代码：
$('#yourSelectionID').draggable();例如：
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>jQuery UI Draggable - Default functionality</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link rel="stylesheet" href="/resources/demos/style.css">
<style>
#draggable { width: 150px; height: 150px; padding: 0.5em; }
</style>
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$( function() {
$( "#draggable" ).draggable();
} );
</script>
</head>
<body>
<div id="draggable" class="ui-widget-content">
<p>Drag me around</p>
</div>
</body>
</html>上面的代码取自上面的链接。请注意，要包含jQuery.js和jQuery-ui.js文件才能实现此功能。
https://stackoverflow.com/questions/41452403
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号