javascript - 在页面加载时调用一次功能，然后在用户点击时调用

我必须编写一个计算折扣前价格的代码。它必须执行一次，自动在页面上第一次加载，然后侦听输入字段中的更改。到目前为止，这是我所做的。它只能悲伤地运行一次。
谁能告诉我如何正确做

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);

最佳答案

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