jQuery $(.button-class).click(function(){});不起作用

Question

我试图在按下按钮时显示警报，但它不起作用，可能是什么问题?

提前感谢!

$(document).ready(function() {
$(".single_add_to_cart_button").click(function() {
alert("Merge");
});
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<button type="submit" name="add-to-cart" value="17915" class="single_add_to_cart_button button alt">Adaugă în coș</button>

Answer 1

我假设你的WordPress网站有这个问题。正如你在上面的评论中提到的，你在控制台有Uncaught TypeError: $ is not a function错误，所以让我澄清这个问题。

$在WordPress中不作为jQuery对象全局可用。你必须使用jQuery关键字来访问jQuery，然后你可以提供它是$，所以你的代码应该是这样的:

jQuery(document).ready(function ($) {
$(document).on('click', '.single_add_to_cart_button', function () {
alert('Merge');
});
});

或者以现代的方式

(function ($) {
$(document).on('click', '.single_add_to_cart_button', function () {
alert('Merge');
});
})(jQuery);