jquery选择器在document.ready中不起作用，在带有自定义属性（knockoutjs）的td上使用IE8_Jquery_Html_Selector_Knockout.js

jquery选择器在document.ready中不起作用，在带有自定义属性（knockoutjs）的td上使用IE8

jquery html knockout.js

jquery选择器在document.ready中不起作用，在带有自定义属性（knockoutjs）的td上使用IE8,jquery,html,selector,knockout.js,Jquery,Html,Selector,Knockout.js,当元素上有自定义属性时，我无法让jquery按id或类选择元素。。。（在本例中，元素是属性为“data bind”-am使用knockoutJS的td标记）如果我选择按标记，例如$（“table tr”），它可以正常工作。如果我将runat=“server”添加到table标记，然后将选择器更改为$（“#”），它也会起作用，但是如果我这样做，那么knockout将不再识别该表编辑：我添加了另一个选择器（下面javascript中未注释的选择器），它成功地抓取了THEAD标记中的tr，但没有抓

当元素上有自定义属性时，我无法让jquery按id或类选择元素。。。（在本例中，元素是属性为“data bind”-am使用knockoutJS的td标记）

如果我选择按标记，例如

$（“table tr”）

，它可以正常工作。如果我将

runat=“server”

添加到table标记，然后将选择器更改为

$（“#”）

，它也会起作用，但是如果我这样做，那么knockout将不再识别该表

编辑：我添加了另一个选择器（下面javascript中未注释的选择器），它成功地抓取了THEAD标记中的tr，但没有抓取TBODY标记中的tr

为什么不按ID或类别选择

<style type="text/css">
    .highlight2
    {
        background-color: #0000ee;
    }
</style>
<script type="text/javascript"> 

    $(document).ready(function () {
        loadClient();
        //$(".TimeslipsGrid tr").hover(function () { 
        // above selector by class doesn't work, nor does the following by id:
        // $("#tblTimeslips").hover(function(){     
        //  however, the following selector WILL work on all tr on the page, including my targets in #tblTimeslip:
        // $("table tr").hover(function(){
        // the following selector works, but ONLY FOR THE TR CONTAINED IN THEAD..
        //  changing it to "#tblTimeslips tbody tr" doesn't help, either..
        $("#tblTimeslips tr").hover(function() {
            $(this).addClass("highlight2");
        }, function () {
            $(this).removeClass("highlight2");
        })
</script>

<table id="tblTimeslips" class="TimeslipsGrid">
    <thead>
    <tr>
        <th>Time</th><th>Dur</th><th>File</th><th>Task/Activity</th><th>Note</th>
    </tr>
    </thead>
    <tbody data-bind="foreach: timeslips">
    <tr>
        <td data-bind="text: TimeString"></td>
        <td data-bind="text: DurationString"></td>
        <td data-bind="text: FileNumber"></td>
        <td data-bind="text: TaskActivityAbbrText"></td>
        <td><img data-bind="attr: { src: NoteIconPath }" /></td>
    </tr>
    </tbody>
</table>


.highlight2
{
背景色：#0000ee；
}
$（文档）.ready（函数（）{
loadClient（）；
//$（“.TimeslipsGrid tr”）.hover（函数（）{
//以上按类选择的选择器不起作用，以下按id选择的选择器也不起作用：
//$（“#tblTimeslips”）.hover（函数（）{
//但是，以下选择器将用于页面上的所有tr，包括#tblTimeslip中的我的目标：
//$（“表tr”）.hover（函数（）{
//以下选择器工作，但仅适用于AD中包含的TR。。
//将其更改为“#tLTIMESLIPS tbody tr”也没有帮助。。
$（“#tblTimeslips tr”）.hover（函数（）{
$（此）.addClass（“highlight2”）；
}，函数（）{
$（this.removeClass（“highlight2”）；
})
TimeDurFileTask/ActivityNote

以下是击倒后的#tblTimeslips html的外观。我仍然看不出问题所在

<table class="TimeslipsGrid" id="tblTimeslips">
<THEAD>
<TR jQuery17108028844206682706="72">
<TH>Time</TH>
<TH>Dur</TH>
<TH>File</TH>
<TH>Task/Activity</TH>
<TH>Note</TH></TR></THEAD>
<TBODY data-bind="foreach: timeslips" __ko__1328033964035="ko1">
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko2">
<TD data-bind="text: TimeString" __ko__1328033964035="ko3">00:00<BR>06:23 AM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko4">6.38</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko5">9-12632-555</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko6">Admin | Agnt Suprvsn</TD>
<TD><IMG src="../Images/Homepage/note_full_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko7"></TD></TR>
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko8">
<TD data-bind="text: TimeString" __ko__1328033964035="ko9">06:23<BR>06:28 AM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko10">0.08</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko11">9-12601-7</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko12">Admin | PTOW</TD>
<TD><IMG src="../Images/Homepage/note_full_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko13"></TD></TR>
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko14">
<TD data-bind="text: TimeString" __ko__1328033964035="ko15">06:28<BR>08:28 AM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko16">2</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko17">(no timeslip)</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko18">(none)</TD>
<TD><IMG src="../Images/Homepage/note_empty_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko19"></TD></TR>
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko20">
<TD data-bind="text: TimeString" __ko__1328033964035="ko21">08:28<BR>09:28 AM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko22">1</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko23">9-12632-553</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko24">T-A | KM</TD>
<TD><IMG src="../Images/Homepage/note_full_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko25"></TD></TR>
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko26">
<TD data-bind="text: TimeString" __ko__1328033964035="ko27">09:28<BR>11:01 AM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko28">1.55</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko29">(no timeslip)</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko30">(none)</TD>
<TD><IMG src="../Images/Homepage/note_empty_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko31"></TD></TR>
<TR jQuery17108028844206682706="73" __ko__1328033964035="ko32">
<TD data-bind="text: TimeString" __ko__1328033964035="ko33">11:01<BR>10:00 PM</TD>
<TD data-bind="text: DurationString" __ko__1328033964035="ko34">10.98</TD>
<TD data-bind="text: FileNumber" __ko__1328033964035="ko35">2-9999-1</TD>
<TD data-bind="text: TaskActivityAbbrText" __ko__1328033964035="ko36">ATL | Doc Conv &amp;DE</TD>
<TD><IMG src="../Images/Homepage/note_full_16.png" data-bind="attr: { src: NoteIconPath }" __ko__1328033964035="ko37"></TD></TR></TBODY>
</table>


时间
杜尔
文件
任务/活动
注
00:00
06:23上午
6.38
9-12632-555
管理| Agnt Suprvsn
06:23
06:28上午
0.08
9-12601-7
管理员| PTOW
06:28
08:28上午
2.
（无时间限制）
（无）
08:28
09:28上午
1.
9-12632-553
T-A | KM
上午9:28
11:01
1.55
（无时间限制）
（无）
晚上11:01
10:00
10.98
2-9999-1
ATL|Doc Conv&DE

你的css选择器

.highlight2tr{}

应该是

.highlight2tr{}

（或者

tr.highlight2tr{}

），否则选择器将不匹配。与错误的jquery无关；

你的css选择器

.highlight2tr}

应该是

.highlight2tr{/code>（或者tr.highlight2tr{/code>），否则选择器将不匹配。与错误的jquery无关；）
确保您的选择器在JS和CSS中匹配。.TimeslipsGrid tr.highlight2
与不是一回事。highlight2 tr
。确保选择器在JS和CSS中匹配。。TimeslipsGrid tr.highlight2
与不是一回事。highlight2 tr
似乎都不重要。无论如何，我把它改为.highlight2{}但它没有帮助。请注意，当我使用$（“#tblTimeslips tr”）时，thead中的tr成功突出显示，但tbody中的TRs没有。此外，我不认为这是jquery的错误…根据我的研究，这似乎与IE8无法识别TD上的自定义数据绑定属性有关？嗯，我想这是一个淘汰问题？jquery对自定义属性没有问题es（在普通浏览器上^.^）.也许通过类直接选择tds可能会有所帮助？是的…在普通浏览器上，这正是我担心的。无论如何，我正在将呈现的html添加到我的问题中，以防它有助于回答问题…我的快速猜测是ie8在以下划线开头的属性方面存在问题。这两种方式似乎都不重要。无论如何，我将其改为。highlight2{}但它没有帮助。请注意，当我使用$（“#tblTimeslips tr”）时，thead中的tr成功突出显示，但tbody中的TRs没有。此外，我不认为这是jquery的错误…根据我的研究，这似乎与IE8无法识别TD上的自定义数据绑定属性有关？嗯，我想这是一个淘汰问题？jquery对自定义属性没有问题es（在普通浏览器上^.^）。也许通过类直接选择tds可能会有所帮助？是的……在普通浏览器上，这正是我担心的。无论如何，我正在将呈现的html添加到我的问题中，以防它有助于回答问题……我的快速猜测是ie8在以下划线开头的属性方面存在问题