Question

我有一个表，其中每个第二个表行的类名称为“hideme”。在我的css文件中，我做了

.hideme { display:none}

隐藏行包含密码字段和按钮。在任何给定时间只能显示一个隐藏的行。因为现在是jquery代码使得切换功能运行得非常好。但是它不会让我在隐藏的行中单击而不关闭它，从而无法在文本字段中键入任何内容。

如何更改我的jquery代码以允许在没有任何事情发生的情况下单击隐藏的行？

我的jquery代码如下：

$(document).ready(function() {
    $('#eventtable tr').on('click', function() {
        if ($(this).next().css('display') == 'none') {
            $('#eventtable .hideme').hide();
            $(this).next().toggle();
        }
        else {
            $('#eventtable .hideme').hide();
        }
    });
});

您可以看到代码当前如何工作的小提琴：http://jsfiddle.net/aTN6v/

Answer 1

试试这个：

$('#eventtable tr:not(.hideme)').on('click', function() {
...
});

Answer 2

将您的函数包含在if块中以检查该行是否为.hideme

$(document).ready(function() {
    $('#eventtable tr').on('click', function() {

    if(!$(this).hasClass('.hideme')) {

        if ($(this).next().css('display') == 'none') {
            $('#eventtable .hideme').hide();
            $(this).next().toggle();
        }
        else {
            $('#eventtable .hideme').hide();
        }

    }
    });
});

Jquery切换表格行开/关

2 个答案: