Question

我不明白发生了什么。我创建的最后一个代码在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>

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

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

Answer 1

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

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

Answer 2

为我工作，将鼠标悬停在盒子上后我会收到警报。

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

jQuery适用于jsFiddle，但不适用于localhost

2 个答案: