如何防止在创建 dom 后加载的 html 元素上的默认事件操作。如您在第一行代码中所见，我的页面通过 jquery .load 方法包含另一个页面。
从第三行开始的代码似乎不起作用。当我单击带有 a.clearCart 的链接时，浏览器只会加载页面而不是在后台请求页面。clearCart 类的链接位于名为“Cart.php”的单独文件中，该文件在页面准备好时加载。
下面的页面是：index.php
$(document).ready(function(e) {
$('#cart').load('./ajax/Cart.php');//a.clearCart is located in this file
$("a.clearCart").click(function(e)
{
e.preventDefault();
return false;
$.getJSON('./ajax/clearCart.php?','id=12',check);
function check(data)
{
if(data.Status == "Success")
{
alert("Update Cart");//For Debugging Only,should call UpdateCart()
}
else if(data.Status == "Failed")
{
alert("WTF");//Welcome to Finland
}
}
});
function UpdateCart()
{
$('#cart').load('./ajax/Cart.php');
}
$('.formInfo form').submit(function(e) {
var id = this.prodId.value;
var qta = this.qty.value;
var data = {prodId:id,qty:qta};
$.getJSON('./ajax/addcart.php',data,processData);
function processData(data)
{
if($('p.message').text().length > 5)
{
$('p.message').empty().removeClass('.success').removeClass('failure');
}
if(data.Status == "Failed")
{
$('p.message').append(data.Reason).addClass('failure');
}
else if(data.Status == "Success")
{
$('p.message').append(data.Reason).addClass('success');
UpdateCart();
}
}
return false;
});
});