Jquery 单击“添加到购物车”后,“删除”不起作用,但在刷新页面后可以正常工作
我有一个购物车页面,如果我点击添加到购物车,然后删除,使页面刷新,如果添加到购物车后,我重新加载页面删除与页面刷新效果良好。我认为jquery处理程序有任何问题,但我已经尝试了所有替代“文档就绪”的方法,如窗口加载等 这是我的代码脚本Jquery 单击“添加到购物车”后,“删除”不起作用,但在刷新页面后可以正常工作,jquery,Jquery,我有一个购物车页面,如果我点击添加到购物车,然后删除,使页面刷新,如果添加到购物车后,我重新加载页面删除与页面刷新效果良好。我认为jquery处理程序有任何问题,但我已经尝试了所有替代“文档就绪”的方法,如窗口加载等 这是我的代码脚本 $(document).ready(function(){ $('a.delete').on("click", function(e) { e.preventDefault(); var parent = $(this).parent();
$(document).ready(function(){
$('a.delete').on("click", function(e) {
e.preventDefault();
var parent = $(this).parent();
$.ajax({
type: 'get',
url: 'index.php',
data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
beforeSend: function() {
parent.animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
parent.slideUp(300,function() {
parent.remove();
});
}
});
});
$(".AddToCart").on('click',function() {
var productId = this.id;
var check_realtor = $(this).next('input').next('input').next('input').next('select.realtor').val();
$('#labee_'+productId).val(check_realtor);
var FormData = $('#productAddCart_'+productId).serialize();
$.ajax({
type: "POST",
url: "functions.php?action=addToBasket",
data:FormData,
beforeSend:function(){$("#submit_indicator").show();},
success: function(cartproduct) {
//location.reload();
$("#submit_indicator").hide();
$(".shoping_cart").html(cartproduct);
}
});
})
});
下面是删除的html标记
这里是添加到购物车按钮的标记
,以防止页面提交e.preventDefault()
,但您还希望包含return false代码>位于该函数的末尾。试试这个
$('a.delete').on("click", function(e) {
e.preventDefault();
var parent = $(this).parent();
$.ajax({
type: 'get',
url: 'index.php',
data: 'ajax=1&delete=' + parent.attr('id').replace('record-',''),
beforeSend: function() {
parent.animate({'backgroundColor':'#fb6c6c'},300);
},
success: function() {
parent.slideUp(300,function() {
parent.remove();
});
}
});
return false; //<<<< Add this line here
});
你能添加你的标记吗?一旦你在你的页面上修复了一个指向你的页面的链接,其他StackOverflowers就没用了。这里的答案不仅仅是为了帮助你,也是为了帮助其他有类似问题的人。请为您的页面提供标记,我们可能会提供帮助。@DutGRIFF我添加了我用来调用上述jquery ajax脚本的元素,因为所有标记都有大量php和内联css,因此会造成混淆。你现在能帮我吗?如果这回答了你的问题,你应该通过点击有帮助的答案旁边的复选标记来接受它。如果没有,请告诉我你需要什么帮助。我注意到你从来没有接受过答案,也没有对你的任何问题投过赞成票。请开始做你的部分,这样我们就知道这些问题已经得到了回答。谢谢你的帮助,但它没有产生任何效果。页面仍然在刷新,正如我从锚删除了url,所以它不会删除记录,刷新后它会工作。我认为这个问题是为了添加到cart ajax调用而产生的,因为之后出现了一些问题,我的delete函数不起作用。我很难理解这个注释,但这确实起作用。我在你的网站上试过了。使用当前对live站点的修订,您删除了onclick=“return:false”
。你应该像我一样把它放回去。一旦你做了以上所有的编辑,如果仍然不起作用,让我知道,我会看看你的网站。注意:在您的live站点上,您需要编辑购物车总数。在parent.remove()
@Omprks之后,您应该在ajax调用成功后执行此操作。我可以看到此更改对您有效。如果它回答了你的问题,你应该接受它。如果你觉得它很有用,你应该投赞成票。我可以从你的历史中看出,你从来没有放弃投票或接受答案,这是非常粗鲁的。
<a href="" onclick="return:false" class="delete">Delete</a>