Question

请问为什么这实际上不起作用？

<script>
$('button[type=submit]').not('.disabled').click(function(event) {
   alert('Button Clicked');
});
</script>

<button type="submit" class="btn btn-primary btn-md">Click me</button>

当我单击此按钮时，它将触发警报。

我也尝试过：

$('button[type=submit]:not(.disabled)').click(function(event) {

Answer 1

以下代码段有效。它不起作用的原因可能是因为您没有包括jQuery。将<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>添加到您的代码中，它应该可以工作。

$('button[type=submit]').not('.disabled').click(function(event) {
  alert('Button Clicked');
});

<button type="submit" class="btn btn-primary btn-md">Click me</button>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 2

您可以使用onclick（）函数代替类。

function btnClick(){
  alert('Button Clicked.');
}

<button type="submit" onclick="btnClick();" class="btn btn-primary btn-md">Click me</button>

在jQuery中检测没有类的元素的单击

2 个答案: