javascript - jQuery 如果禁用此功能 - 则不起作用

Question

我需要检查选择器是否在点击时被禁用。

<a href="#" class="btn btn-primary sendOrderToSage" data-id="97" disabled="disabled">Send To Sage</a>

我当前的代码不起作用，是:

$('.sendOrderToSage').on('click',function(e){
    e.preventDefault();
    if($(this).is(':disabled') == true){
        return false;
    }
 /* Continue function */
 });

我也尝试过 $('.sendOrderToSage:not(:disabled)')..... 但这会产生与上述尝试相同的结果。

Answer 1

disabled属性/属性对于诸如 input,select 之类的元素有效。 ETC。 在 anchor 标记 disabled 中只是另一个属性。所以如果你想获取它，你需要使用 attr()

$('.sendOrderToSage').on('click', function(e) {
  e.preventDefault();
  if ($(this).attr('disabled') == 'disabled') {
    return false;
  }
  /* Continue function */
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a href="#" class="btn btn-primary sendOrderToSage" data-id="97" disabled="disabled">Send To Sage</a>

与:disabled

这里返回$(this).is(':disabled')对于<a>始终为 false，因为它是 anchor 的无效属性。

$('.sendOrderToSage').on('click mousedown', function(e) {
  e.preventDefault();
  alert($(this).is(':disabled'));
  if ($(this).attr('disabled') == 'disabled') {
    return false;
  }
  /* Continue function */
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<a href="#" class="btn btn-primary sendOrderToSage" data-id="97" disabled="disabled">This will always return false.</a><br/>