Question

如果我在没有$（document）.ready（function（）的情况下将jQuery放在正文的末尾，它可以正常工作。如果我使用$（document）.ready（function（）将它放在头部。当我把jQuery放在脑袋里时，我意识到我需要函数（），但当我尝试自己实现它时，没有骰子。我已经盯着它看了太长时间，我没有看到问题。

<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>

Answer 1

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

jQuery不是在头脑中工作但在身体上是好的

1 个答案: