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

添加disable类时需要添加disabled属性

例如：

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

这将禁用带有“禁用”类的链接

score 0 · Accepted Answer

@dude，您在这里是正确的：

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

除了 nav-user 和 :not 之间不应有任何空格，

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

3 回答 3