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 に答える