0

li 要素を表示してから非表示にするにはどうすればよいですか。以下にあるのは、表示したくないリスト項目を非表示にします.a.show-buttonリンクをクリックするとすべてが表示されますが、変更後に同じリンクをクリックしてリスト項目を非表示にしたいクラス。Hello をアラートするように設定できないようです。調べてみたらクラスが変わっていました。私は何を間違っていますか？

$('ul.artists li:gt(27)').hide();

$('a.show-button').click(function(e) {
e.preventDefault();
    $('ul.artists li:gt(27)').show();
    $(this).addClass('hide-button').removeClass('show-button');
});

$('a.hide-button').on('click', function(e) {
e.preventDefault();
    alert("Hello");
});
4

2 に答える 2

2

クラス名を表示と非表示に変更する代わりに、トグルを使用してみてください。

$('ul.artists li:gt(27)').hide();

$('a.buttonClass').click(function(e) {
  e.preventDefault();
  $('ul.artists li:gt(27)').toggle();

});
于 2013-04-19T11:26:54.597 に答える
0

そして、これはそれを行う方法についてではなく、あなたが間違っていることについてです。

クリック アクションを$('a.hide-button')にバインドすると、具体的な要素にバインドされます。そして、新しい要素がこのセレクターに適合し始めた場合、その要素は自動的にそのクリック アクション バウンドを取得しません。

于 2013-04-19T11:41:16.410 に答える