我有一个包含以下 div 的网页:
<div class='book_box'>
<table border=0 cellspacing=0>
<tr>
<td align='center'><img src='img/theseven.jpg' /></td>
</tr>
<tr>
<td align='center'>The Seven by Derek Edgington</td>
</tr>
</table>
</div>
我的标题中有这个 Javascript 代码:
$('.book_box').hover(
function() {
$(this).css('background', '#ffffff');
},
function() {
$(this).css('background', '#a8ff9a');
}
);
...而且它根本不起作用。我已经测试并确保 jQuery 正确加载,并用它执行了一些其他操作。这段代码似乎不起作用?
最佳答案
无需对代码进行任何更改,这里为我工作的是 JSFiddle 上的演示
建议:只需使用$(document).ready
$(document).ready(function() {
$('.book_box').hover( function() {
alert('abc');
$(this).css('background', '#ffffff');
},
function() {
alert('abc1');
$(this).css('background', '#a8ff9a');
}
);
});
关于javascript - jQuery 根本不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11358297/