javascript - 在页面加载时调用函数一次，然后每次用户单击时调用函数

Question

我必须编写一个在折扣前计算价格的代码。它必须执行一次，在页面首次加载时自动执行，然后监听输入字段中的更改。这是我到目前为止所做的。遗憾的是它只运行一次。谁能告诉我怎样做才是正确的

function promo_price()
{

    jQuery(".form-basket" ).ready(function() {
        var cena = 0;
        var procent = jQuery('#przecenajs').attr("data-procent");
        var stara_Cena=0;
        cena = parseInt(cena);
        procent = procent/100;
        console.log(procent);
        console.log(cena);
        cena = jQuery('.main-price').html();
        console.log(cena);
        cena = cena.substring(0, 5);
        console.log(cena);
        cena= parseInt(cena.split(',').join('.'));
        console.log(cena);

        if (!isNaN(procent) && procent!=0 ) {
            stara_Cena = parseInt(cena * procent+ cena);
                console.log('stara cena procent'+stara_Cena);
             $('.staraCena').remove();
           jQuery('.dostepny3d').append('<span class="staraCena"><del>'+stara_Cena+',00</del></span>');
        }
        else if (isNaN(procent) || procent==0 ){
                 $('.staraCena').html(" ");
        }
    });
}
promo_price();
$('.form-basket').on("click",promo_price);

Answer 1

将整个代码放在 $(document).ready() 中，而不是在函数中使用 .ready() 。

$(document).ready(function() {
    function promo_price() {
        var cena = 0;
        var procent = jQuery('#przecenajs').attr("data-procent");
        var stara_Cena=0;
        cena = parseInt(cena);
        procent = procent/100;
        console.log(procent);
        console.log(cena);
        cena = jQuery('.main-price').html();
        console.log(cena);
        cena = cena.substring(0, 5);
        console.log(cena);
        cena= parseInt(cena.split(',').join('.'));
        console.log(cena);

        if (!isNaN(procent) && procent!=0 ) {
            stara_Cena = parseInt(cena * procent+ cena);
                console.log('stara cena procent'+stara_Cena);
             $('.staraCena').remove();
           jQuery('.dostepny3d').append('<span class="staraCena"><del>'+stara_Cena+',00</del></span>');
        }
        else if (isNaN(procent) || procent==0 ){
                 $('.staraCena').html(" ");
        }
    }
    promo_price();
    $('.form-basket').on("click",promo_price);
}