可拖动的 jQuery UI 在 chrome 中不起作用

Posted 2023-05-08

【中文标题】可拖动的 jQuery UI 在 chrome 中不起作用

【英文标题】：jQuery UI draggable not working in chrome

【发布时间】：2014-07-23 18:41:17

【问题描述】：

jQuery 可拖动在 chrome 中不起作用

代码：

<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.8.16.custom.min.js" type="type/javascript"></script>
<script type="text/javascript">
$(function() 
    $( ".drag" ).draggable();
);
</script>

<div class="drag">draggable</div>

【问题讨论】：

@AnoopJoshi 这没什么问题，即使在这里，对其他读者来说似乎也没那么有用

【参考方案1】：

JS FIDDLE Test 尝试这个。在我的浏览器中，dargging 可以正常工作。在您的浏览器中工作？如果不工作，那么你错误地插入了 jqueryui 库。

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

window.onload = function()
    $( "#drag" ).draggable();

【参考方案2】：

很简单，代码是正确的，但是 Chrome 扩展程序 adBlocker 阻止了可拖动功能。只需卸载 adBlocker 并重置 chrome。

【讨论】：

adBlocker 阻止 UI 可拖动，那是怎么回事？

您提出了问题并发布了答案。我们要继续前进吗？

@A.Wolff 我不知道，但现在我花了 3 个小时研究它，为什么这段代码在 chrom 中不起作用，但在 IE 中却起作用。于是我卸载了 adBlocker 重启 Chrome 之后就可以拖动了。