jquery - Rails + jQuery : JS function keeps running automatically on page load

Question

我将代码提取到名为 load_shipping_estimates 的函数中:

    $(function() {
    function load_shipping_estimates() {
        var zip_code = $('#shipping_estimator_text_field').val();
        if (/^\d+$/.test(zip_code) && zip_code.length == 5) {
            jQuery.ajax({
                url: '/checkout/estimate_shipping',
                type: 'GET',
                beforeSend: function () { $('.ajax_loader').show(); },
                complete: function () { $('.ajax_loader').hide(); },
                data: {"zip_code": zip_code},
                dataType: 'script'
            });
            return false;
        } else {
            $('#estimator_error_message').html('Please enter a 5 digit zip code.');
            return false;
        }
    }

      // it should only happen when I click on #estimate_shipping_link
    $('.ajax_loader').hide();
    $('#estimate_shipping_link').on("click", load_shipping_estimates());


    });

页面加载后，它会继续加载。从最后几行可以看出，我只希望它在用户单击链接时加载。我该如何解决？我需要将其提取到一个函数中，因为我将在文件中的其他位置重用它。

Answer 1

您在启动时使用 load_shipping_estimates() 调用您的函数。

$('#estimate_shipping_link').on("click", load_shipping_estimates);

应该可以解决问题:)