我完全不知道为什么这个简单的jQuery脚本无法正常工作.我从字面上复制并粘贴了我的另一个项目(代码在其中工作)的代码,并且只是更改了类标记.
<html>
<head>
<title>test page</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('.click_item').click(
function() {
$(this).animate({background: '#ffffff'}, 200);
},
function() {
$(this).animate({background: '#d0d0d0'}, 200);
}
);
})
</script>
<style type="text/css">
#one {
height: 300px;
width: 1000px;
background-color: #a0a0a0;
}
.click_item {
width: 100px;
height: 30px;
margin: 0px auto;
margin-bottom: 10px;
background: #d0d0d0;
-moz-transition: background linear;
-webkit-transition: background linear;
}
</style>
</head>
<body>
<div id="one">
<div id="map_options_box">
<div id="kml1" class="click_item">item 1</div>
<div id="kml2" class="click_item">item 2</div>
</div>
</div>
</body>
我也尝试使用#kml1和#kml2 ID标签而不是类和'this'标签,以及用悬停和切换替换click功能,仍然无效.我也没有在控制台中收到任何错误.
| 归档时间： |
|
| 查看次数： |
152 次 |
| 最近记录： |