Question

我的jQuery删除项目存在问题。

如果我在将一个项目添加到购物篮后等待10秒左右，它会毫无问题地删除。如果我在篮子中添加一个项目，意识到我犯了一个错误，然后点击删除按钮（几秒钟内），页面重新加载 - 而不是预期的。

我猜这可能是因为jQuery事件还没有附加到来自篮子id的删除项目...

有没有办法加速这个过程，或者我的jQuery中有什么错误，因为它非常明显......

http://goldealers.co.uk/calc-test

非常感谢提前。

我对事件的约束如下：

jQuery(document).ready(function () {
jQuery('.remove').click(function(data) {
    var pid = jQuery(this).attr('name');
      jQuery.post('https://goldealers.co.uk/wp-content/plugins/gd/tables.php', 
        { pid: pid, remove: 'true' }, 
            function(data) {
                jQuery("#quoteTable").load("https://goldealers.co.uk/wp-content/plugins/gd/tables.php?table=quoteTable");
                jQuery("#quoteTotal").load("https://goldealers.co.uk/wp-content/plugins/gd/tables.php?table=quoteTotalTable");          
            },
        "json");        
    return false;
});

}）;

它所绑定的Html是：

<form method="post" action="">
<input type="hidden" name="remove" value="6" />
<input type="hidden" name="pid" value="6" />
<input type="image" src="https://goldealers.co.uk/media/delete.png" name="6" class="remove"/>
</form>

Answer 1

您需要让事件监听器生效。您可以将其更改为：

$(document).on('click', '.remove', function(){
    ...
})

jQuery从basket debug中删除项目

1 个答案: