0

我不明白发生了什么。我创建的最后一个代码在 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);--我在提供的原始代码中添加了一个警报,以检查鼠标悬停处理程序是否正在运行,但是这行似乎没有运行。

4

2 回答 2

2

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

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

于 2012-08-03T22:02:03.647 回答
0

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

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

于 2012-08-03T22:00:52.607 回答