0

テーブルの 2 行ごとに「hideme」というクラス名を持つテーブルがあります。作成したcssファイルで

.hideme { display:none}

非表示の行には、パスワード フィールドとボタンが含まれています。一度に表示できる非表示の行は 1 つだけです。これで、トグル機能をうまく機能させる 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/

4

2 に答える 2

0

関数を 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();
        }

    }
    });
});
于 2013-04-05T11:25:07.287 に答える