jquery ajax代码正在第二次点击

时间:2014-11-24 07:41:22

标签: javascript jquery ajax

我试图在点击添加到购物车按钮后显示一个弹出窗口,但是当我第二次点击它的工作并且它没有更新购物车数量时它不能正常工作 这是我的按钮

的html代码
<INPUT type='button' class='btn-BuyOff btn-itemlist-cart'  id='addtocart'  
name='addtocart' onkeypress="window.event.cancelBubble=true;"  
onclick="show_alert<%=getCurrentAttribute('item','internalid')%>()">

这是一个假设显示弹出窗口并更新购物车数量的脚本。它显示消息,该项目已添加到购物车但未更新购物车数量,并且当我第二次点击购物车按钮时,第一次点击它无法正常工作

function show_alert<%=getCurrentAttribute('item','internalid')%>() {
$('.btn-itemlist-cart').each(function() {
    $(this).get(0).onclick = null;

    $(this).click(function(e) {
        e.preventDefault();
        var form = $($(this).get(0).form);
        var _this = $(this);

        $.post(form.attr('action'), form.serialize(), function(data) {
            var message = $('<h3 style="color: #00a;">Added to Cart.</h3>');
            _this.before(message);
            message.fadeIn().delay(2000).fadeOut(2000);

            $.ajax({ 
                url: '/app/site/backend/additemtocart.nl?c=3713628_SB2&n=2',
                success: function(data) {
                    var newCount = parseInt(data.replace("document.write('", ''));
                    $('.cartcounter').html(newCount);
                }
            });

        }, 'html');
    });

});
}

这是我想更新购物车数量的地方.getcartcount将获得商品数量。

<div class="cartcounter"><getcartcount></div>

0 个答案:

没有答案