javascript - jQuery 根本不起作用？

Question

我有一个包含以下 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 正确加载，并用它执行了一些其他操作。这段代码似乎不起作用？

Answer 1

无需对代码进行任何更改，这里为我工作的是 JSFiddle 上的演示

DEMO

建议:只需使用$(document).ready

$(document).ready(function() {
  $('.book_box').hover( function() {
      alert('abc');
      $(this).css('background', '#ffffff'); 
    },
    function() { 
      alert('abc1');
      $(this).css('background', '#a8ff9a'); 
    } 
  );  
});