jquery - 特定の状況でのセレクター専用CSS

Question

私は使っている：

$(".header.nav.nav-user").click(function(){});

しかし、css を " .header .nav .disable .nav-user" に変更すると、クリックイベントをトリガーしたくありません。

ただし、この状況で$(".header.nav.nav-user")は、css がに変更されたときにもトリガーされ".header .nav .disable .nav-user"ます。

この状況を除外するにはどうすればよいですか?

私は次のように試しました：

$(".header.nav.nav-user :not(.disable)")

と

$(".header.nav.nav-user").not(".disable"),

しかし、どちらの場合も、目的の結果を得ることができませんでした。

これを行う方法を教えてください。

あなたの助けに感謝します！ありがとう。

更新：状況は時々あります：（クリックイベントをトリガーしたい）

<div class="header">
  <div class="nav">
      <dt class="nav-user">
       </dt>
   </div>
</div>

そして時には:(クリックイベントをトリガーしたくない)

 <div class="header">
  <div class="nav">
   <dl class="disable">
      <dt class="nav-user">
       </dt>
    </dl>
   </div>
</div>

変更は、そのコードを変更するのではなく、他のJavaScriptを使用することです。

score 0 · Accepted Answer

0

これを試して

$(".header.nav.nav-user").not(":disable")

于 2013-08-26T10:04:43.397 に答える

score 0 · Accepted Answer

@おい、あなたはここで正しいです：

$(".header.nav.nav-user :not(.disable)")

ただし、nav-user と :not の間にスペースを入れてはいけません。

$(".header.nav.nav-user:not(.disable)")

score 0 · Accepted Answer

disable のクラスを追加するときは、disabled 属性を追加する必要があります。

例えば：

$('.btn').click(function () {
    alert('clicked');
    $('.btn').addClass('disable');
    $('.disable').attr('disabled', 'disabled');
});

これにより、「disable」クラスとのリンクが無効になります

3 に答える 3