Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在页面上移动/拖动DIV的最佳方式?_Javascript_Html_Css_Google Chrome Extension - Fatal编程技术网

Javascript 在页面上移动/拖动DIV的最佳方式?

Javascript 在页面上移动/拖动DIV的最佳方式?,javascript,html,css,google-chrome-extension,Javascript,Html,Css,Google Chrome Extension,有一些问题试图找到解决这个问题的正确方法。现在,我有一些函数,在用户右键单击上下文菜单后,会有一个侦听器触发API获取并显示div中的数据。目前,div位于页面右下方的固定位置。我的目标是让div可以拖动,以便用户可以根据需要移动它,并且div不会干扰它后面的数据 通过谷歌搜索,我发现了一些js框架,但我不确定如何实现它们。有谁能建议哪种方法是最好的 这就是div现在的样子。非常感谢。 您可以从中使用可拖动功能 打开库并确保选中“可拖动”复选框 然后,将库链接到您的html: <link

有一些问题试图找到解决这个问题的正确方法。现在,我有一些函数,在用户右键单击上下文菜单后,会有一个侦听器触发API获取并显示div中的数据。目前,div位于页面右下方的固定位置。我的目标是让div可以拖动,以便用户可以根据需要移动它,并且div不会干扰它后面的数据

通过谷歌搜索,我发现了一些js框架,但我不确定如何实现它们。有谁能建议哪种方法是最好的

这就是div现在的样子。非常感谢。

您可以从中使用可拖动功能

打开库并确保选中“可拖动”复选框

然后,将库链接到您的html:

<link rel="stylesheet" href="jquery-ui.min.css">
<script src="external/jquery/jquery.js"></script>
<script src="jquery-ui.min.js"></script>
例如:

$(函数(){
$(“我的部门”)。可拖动({
});
});

你好
世界
世界
世界
$( "#my_div" ).draggable({
});