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

【问题标题】：jQuery UI draggable not working in chrome可拖动的 jQuery UI 在 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 这没什么问题，即使在这里，对其他读者来说似乎也没那么有用

标签： jquery jquery-ui draggable

【解决方案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 之后就可以拖动了。