[英]The button does nothing on click in jquery
我正在学习jQuery,但遇到了问题。
这是代码
$(function(){
var gotProducts=new Array();
var productsWithDelete=new Array();
$('.addProducts').on('keyup',function(event) {
var searchVal=$(this).val().trim();
if(searchVal.length > 0) {
$.ajax({
url: 'http://localhost/url',
data: { products: $(this).val(), },
type: 'POST',
dataType: 'html',
success: function(msg) {
$('#printTheProducts').html(msg);
}
});
}
});
$('.productsButton').click(function() {
alert('yes');
});
});
我从ajax调用中得到的响应是一个具有class productsButton类的按钮 。
现在,当我尝试单击该按钮时,我通过了ajax,但它不会警告yes 。 我的意思是什么也没做。
题:-
可能是什么问题?
尝试使用.on()
对生成的按钮进行事件委托,因为它们是动态生成的
$('#printTheProducts').on('click','.productsButton',function(){
alert('yes');
});
如果#printTheProducts
是最接近的父元素,则可以将document
或document.body
用作选择器!
句法:
$(closestparentelement).on('event','targetselector',function(){
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.