【问题标题】:how to make jquery grid header non clickable?如何使 jquery 网格标题不可点击?
【发布时间】:2011-07-21 22:49:18
【问题描述】:

我在 jquery 模态窗口中有一个 gridview。此网格根据页面上的用户选择显示不同的结果。 因此 div 在运行时使用数据集和列标题填充。

我正在突出显示点击的行,如下所示

$('#imyGrid tr').click(function() {
        $('#<%=myGrid.ClientID%> tr').removeClass("selected");
        $(this).addClass("selected");

    });

并将悬停突出显示为

$('#<%=myGrid.ClientID%> tr').mouseover(function() {
    $(this).addClass("highlight");
    });

    $('#<%=myGrid.ClientID%> tr').mouseout(function() {
    $(this).removeClass("highlight");

    });

但这使得标题行也可以点击并且悬停也会改变样式。如何将标题行设为不可点击?

【问题讨论】:

    标签: jquery gridview header


    【解决方案1】:

    使用:not():first 选择器:

    $('#<%=myGrid.ClientID%> tr:not(:first)')
    

    Demo


    编辑:
    要使页眉和页脚行都不可点击,您可以将:not():first:last 选择器结合使用:
    $('#<%=myGrid.ClientID%> tr:not(:first,:last)')
    

    【讨论】:

    • 试过了,但它所做的只是突出/选择被点击/悬停的单元格。它也只阻止了标题的第一个单元格被点击/悬停。
    • @user626309:在我看来您拼写错误tr - 您是否使用了上面的代码但错误地使用了td
    • 不,如果我删除 not first 它对我来说很好,是的,它是 tr :( 不确定它的行为有点奇怪..让我紧张..
    • @user626309:您可以设置一个 jsfiddle 示例来复制您遇到的问题吗?根据您最初的问题,not(:first) 应该可以正常工作(并且 确实 在我发布的示例中可以正常工作)。
    • 谢谢。我可以同时为页眉和页脚做同样的事情吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-12-11
    • 2021-11-25
    • 2017-12-14
    • 2017-11-12
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多