0

如果我在没有 $(document).ready(function() 的情况下将 jQuery 放在正文的末尾，它工作正常。如果我使用 $(document).ready(function() 将它放在头部，它不再工作.我意识到从这里将jQuery放在头部时我需要function（），但是当我尝试自己实现它时，没有骰子。我盯着它太久了，我没有看到问题。

<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
        $("#testTable tr").hover(
            function(){$(this).addClass("highlighted");},
            function(){$(this).removeClass("highlighted");} 
        );
});
</script>

<style type='text/css'>
.tablerow {background-color:yellow;}
.tableheader {background-color:Pink;}
.highlighted {background-color:Green;}
</style>    
</head>

<body>
<table id="testTable">
    <thead class="tableheader">
        <tr><th>No</th><th>Name</th><th>Age</th><th>Salary</th></tr>
    </thead>
    <tbody id="testBody">
        <tr class="tablerow"><td>1</td><td>Yong Mook Kim</td><td>28</td><td>$100,000</td></tr>
        <tr class="tablerow"><td>2</td><td>Low Yin Fong</td><td>29</td><td>$90,000</td></tr>
    </tbody>
</table>
</body>
4

1 回答 1

-1

尝试在脚本之前引用 css 文档，这里是文档http://api.jquery.com/ready/

于 2012-12-07T00:25:07.963 回答