Question

目前，当＆＃34;添加到购物车＆＃34;时，以下JavaScript会更新购物车在click上的值。单击按钮。

我正在尝试在加载或刷新页面时在pageload上更新值。

此时，值仅在click上更新：

<script type="text/javascript"><!--
$('#button-cart').on('click', function() {
    $.ajax({
        url: 'index.php?route=checkout/cart/add',
        type: 'post',
        data: $('#product input[type=\'text\'], #product input[type=\'hidden\'], #product input[type=\'radio\']:checked, #product input[type=\'checkbox\']:checked, #product select, #product textarea'),
        dataType: 'json',
        beforeSend: function() {
            $('#button-cart').button('loading');
        },
        complete: function() {
            $('#button-cart').button('reset');
        },
        success: function(json) {
            $('.alert, .text-danger').remove();
            $('.form-group').removeClass('has-error');

            if (json['success']) {
                $('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                $('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

                $('html, body').animate({ scrollTop: 0 }, 'slow');

                $('#cart > ul').load('index.php?route=common/cart/info ul li');
            }
        },
    });
});
//--></script>

我尝试过很多东西并没有运气我试图加载使用它的值（它没有做任何事情）：

function readyFn( jQuery ) {
    $('#cart > button').load(function() {

                $('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');

                $('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');

                $('html, body').animate({ scrollTop: 0 }, 'slow');

                $('#cart > ul').load('index.php?route=common/cart/info ul li');


}); 

$( document ).ready( readyFn );
// or:
$( window ).on( "load", readyFn );
}

只是想知道是否有人可以按照load上更新的相同方式帮助我加载刷新/页面click。

提前致谢。

Answer 1

你似乎在readyFn上放错了右括号，因此文档就绪处理程序位于函数内部。此外，当按钮加载（$('#cart > button').load）时，您不需要执行任何操作，因为您在调用函数之前已经在等待文档准备就绪。尝试这样的事情：

$(function() {
    $('.breadcrumb').after('<div class="alert alert-success">' + json['success'] + '<button type="button" class="close" data-dismiss="alert">&times;</button></div>');
    $('#cart > button').html('<span id="cart-total"><i class="fa fa-shopping-cart"></i> ' + json['total'] + '</span>');
    $('html, body').animate({ scrollTop: 0 }, 'slow');
    $('#cart > ul').load('index.php?route=common/cart/info ul li');
});

请注意，$(function(){})只是$(document).ready(function(){})的{{3}}。

更新页面加载

1 个答案: