Jquery 单击“添加到购物车”后,“删除”不起作用,但在刷新页面后可以正常工作

Jquery 单击“添加到购物车”后,“删除”不起作用,但在刷新页面后可以正常工作,jquery,Jquery,我有一个购物车页面,如果我点击添加到购物车,然后删除,使页面刷新,如果添加到购物车后,我重新加载页面删除与页面刷新效果良好。我认为jquery处理程序有任何问题,但我已经尝试了所有替代“文档就绪”的方法,如窗口加载等 这是我的代码脚本 $(document).ready(function(){ $('a.delete').on("click", function(e) { e.preventDefault(); var parent = $(this).parent();

我有一个购物车页面,如果我点击添加到购物车,然后删除,使页面刷新,如果添加到购物车后,我重新加载页面删除与页面刷新效果良好。我认为jquery处理程序有任何问题,但我已经尝试了所有替代“文档就绪”的方法,如窗口加载等

这是我的代码脚本

$(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>