作者热门文章
- Java 双重比较
- java - 比较器与 Apache BeanComparator
- Objective-C 完成 block 导致额外的方法调用?
- database - RESTful URI 是否应该公开数据库主键?
我将这段代码放在一个名为 checkout.tpl 的文件中,还有一个 Javascript 代码,我将在下面评论:
$.ajax({
url: 'index.php?route=checkout/payment_address',
dataType: 'html',
success: function(html) {
$("#checkout").hide();
$('#payment-address .checkout-content').html(html);
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
如您所见,我使用 AJAX 加载了一些 HTML 内容。这是HTML content我正在加载。注意带有 id=button-payment-address 的输入。所以在 checkout.tpl 中我有这个 jQuery 代码:
$('#button-payment-address').on('click',function() {
alert("Click");
// here goes some code
});
当我点击带有 id=button-payment-address 的输入时,是否应该出现带有“点击”的警告?好吧,没有显示,代码永远不会执行,没有错误被触发,所以我不知道出了什么问题。我使用其他代码进行测试,结果相同:
$('#button-payment-address').click(function() {
alert("Click");
// here goes some code
});
// This seems to be not working with latest jQuery and generates a error
$('#button-payment-address').live('click', function() {
alert("Click");
// here goes some code
});
有什么帮助吗?
最佳答案
试试这个
$('#payment-address').on('click','#button-payment-address',function() {
alert("Click");
// here goes some code
});
关于ajax - 通过 ajax 加载的 HTML 不适用于 jQuery 事件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16087977/
我是一名优秀的程序员,十分优秀!