jQuery 适用于 jsFiddle 但不适用于 localhost答案

【问题标题】：jQuery works on jsFiddle but not on localhostjQuery 适用于 jsFiddle 但不适用于 localhost
【发布时间】：2012-08-01 23:32:06
【问题描述】：

我不明白发生了什么。我创建的最后一个代码在 jsFiddle 的控制台中运行良好，但在 localhost 上测试时在 Firefox 中无法运行。

这是一些示例代码：它在 localhost 上不起作用，而在 jsFiddle 上运行，我看到了代码，但没有看到任何不好的地方。

<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>

<style>
#boton
{
width:200px;
height:30px;
border:1px solid;
background-color:#cccccc;
}

.botonclass
{
width:250px;
height:300px;
border:1px solid;
background-color:#FF0000;
}
</style>

<script>
$(document).ready(function() {

$("#boton").mouseover(function(){
$(this).addClass("botonclass",1000);
});

});
</script>

</head>



<body>


<div id="boton">Hello</div>



</body>
</html>

有人可以在他们的计算机上测试这个并告诉我你是否得到相同的结果（代码在本地主机上不起作用）？谢谢，问候

编辑：应该运行的代码是这样的：$(this).addClass("botonclass",1000);——我在提供的原始代码中添加了一个警报，以检查鼠标悬停处理程序是否正在运行，但似乎没有运行的是这一行。

【问题讨论】：

没有工作是什么意思？没有警报？没有课堂动画？是不是遇到 js 错误？
它在 Chrome 中工作，将鼠标悬停在“你好”框上会发出警报（ok）。
P.D ：必须加载它的效果：$(this).addClass("botonclass",1000); ，没有警报，提醒我知道鼠标悬停是否可以正常工作，谢谢
对不起，由于英语不是我的母语，我真的不知道你的“编辑”是什么意思。
使用哪种语言.....

标签： jquery jquery-ui jquery-plugins jquery-animate

【解决方案1】：

本地主机是什么意思？您是否正在运行 Apache，或者您只是将其保存为 HTML 文件并且您是否使用 Firefox 打开它？

如果库是本地存储的，而不是从 Google Api 或 jQuery.com 下载的，也许会有所帮助。也许您的防火墙正在阻止来自本地存储文件的外部请求。运行本地服务器（例如 WAMPserver 的 XAMPP）将解决此问题。

【讨论】：

P.D ：必须加载它的效果：$(this).addClass("botonclass",1000); ，没有警报，提醒我知道鼠标悬停是否可以正常工作，谢谢
我的想法完全正确 - 我认为它作为本地文件运行，而不是在 Web 服务器中运行。

【解决方案2】：

对我有用，将鼠标悬停在框上后，我收到了警报。

将所有 JavaScript 下载到磁盘并使用它而不是远程位置来检查它是否对您有帮助。

【讨论】：

P.D ：必须加载它的效果：$(this).addClass("botonclass",1000); ，没有警报，提醒我知道鼠标悬停是否可以正常工作，谢谢