asp.net - JQuery Hover 无法在 Mozilla 上运行

Question

我有以下代码片段。悬停在 Mozilla 中存在问题 - 它会在悬停时改变颜色，但有时当我们出去时它不会恢复原状。请注意，它只会有时发生。在这种情况下，如果我使用 FireBug 检查 HTML 我可以看到即使在悬停后也分配了额外的类。它在 IE 上工作正常。这是一个简化版本

正如你所看到的，我正在 TR 上设置颜色。但这不会改变 TR 内文本框的颜色。如何确保 TR 中包含的控件的背景颜色在悬停时也会更改。

 <style type="text/css">
        .HighLight
        {
            background-color:Fuchsia;
        }
        .Select
        {
            border:soild 2px Blue;
            margin:3px;
        }
        </style>
    <script type="text/javascript" src="jquery-1.4.2.js">

    </script>
    <script type="text/javascript">
        $(function() {
        $(".Select").hover(
            function() {
                $(this).addClass("HighLight");
            }, 
            function() {
                $(this).removeClass("HighLight");
            });
        });

由 ASP.NET Repeater Control 生成的我的标记是一个带有 TR 分配的 Class Select 的表。

<tr class="Select" >
<td>
<input  type="checkbox" id="chkSelect" />
</td>
<td>
<input name="Repeater1$ctl11$tb" type="text" value="Sharp Bikes" id="Repeater1_ctl11_tb" />
</td>
<td>
<input name="Repeater1$ctl11$tb2" type="text" value="10/13/2004 11:15:07 AM" id="Repeater1_ctl11_tb2" />
</td>
</tr>

Answer 1

我想说尝试 jQuery mouseover (addClass) 和 mouseout (removeClass) 代替

http://api.jquery.com/mouseover/

祝你好运

弗拉维奥