0

我的 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>

4

1 回答 1

2

您需要使事件侦听器生效。您可以通过将其更改为:

$(document).on('click', '.remove', function(){
    ...
})
于 2013-01-05T04:04:23.237 回答