我有一个包含以下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已正确加载,并已执行其他一些操作。这段代码似乎不起作用?
最佳答案
您需要将代码放入dom ready回调函数中。否则您的代码将在.book_box
div准备好之前执行。
$(function() {
// put your code here.
});
这是捷径
$(document).ready(function() {
// put your code here.
});
关于javascript - jQuery根本无法正常工作?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/11358297/