JQuery 点击功能不工作

Question

我试图让我的代码点击并显示警报，但代码似乎不起作用。我在这里写了代码：

这是我的 html:

<div class="add-cart-button-col col-right">
<a class="checkout-button nsg-button nsg-grad--heeb-orange" href="https://mycheckoutlinkgoeshere.com" data-query="https://linkcheckoutgoeshere.com">
                      CHECKOUT
                    </a>
                  </div>

这里是点击后不显示警报的代码

$(".checkout-button nsg-button nsg-grad--heeb-orange").click(function() {
  alert('hohoho');
});

如果能帮助我找出我做错了什么，我将不胜感激。谢谢。

编辑：这个问题是不同的，因为我要求澄清我的代码中存在的错误。这不是选择具有多个类...

的元素的重复

Answer 1

在 jQuery 选择器中使用多个类是用多个句点完成的，就像这样

$(".checkout-button.nsg-button.nsg-grad--heeb-orange")

FIDDLE

classNames 之间没有空格，它匹配具有所有类

的元素

Answer 2

这里的CSS选择器是错误的。正确的选择器：

 $(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
    alert('hohoho');
   });

演示：https://jsfiddle.net/9eu94Lau/3/

有关 CSS 选择器的更多详细信息，请参阅此内容：https://css-tricks.com/multiple-class-id-selectors/

Answer 3

1 忘记在每个 class 前添加 .。

2.Remove 所有 class 之间的空格（因为你正在尝试所有 class 单个元素而不是父子元素）

工作片段：-

$(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
  alert('hohoho');
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="add-cart-button-col col-right">
  <a class="checkout-button nsg-button nsg-grad--heeb-orange" href="https://mycheckoutlinkgoeshere.com" data query="https://linkcheckoutgoeshere.com">CHECKOUT</a>
</div>

参考：-How can I select an element with multiple classes in jQuery?

Answer 4

就用这个

$("a[class='checkout-button nsg-button nsg-grad--heeb-orange']").click(function() {
  alert('hohoho');
});

Answer 5

这可能对你有用：

$(".checkout-button.nsg-button.nsg-grad--heeb-orange").click(function() {
  alert('hohoho');
});

当我们有多个class，然后我们添加。 operator 在访问元素时。

JQuery 点击功能不工作

JQuery Click Function Not Working

html

javascript

jquery

click

jsfiddle