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