jQuery，在頁面加載時執行功能

Question

我正在用jQuery構建財務計算器，效果很好。 計算器使用jQuery滑塊。 我具有以下功能，當激活滑塊時會調用該功能。

但是我需要復制此內容，以便在頁面加載時調用相同的操作，有人可以建議我如何實現此目的嗎？

jQuery(document).ready(function($) {
    $("#slider-deposit").slider({
        value: 100,
        min: <?php echo json_encode($minDeposit); ?>,
        max: <?php echo json_encode($maxDeposit); ?>,
        step: 1,
        slide: function(event, ui) {
            $("#amount-deposit").val(Number(ui.value).toFixed(2));
            totalPayableFunc();
            monthlyPaymentsFunc();
        }
    });
    $("#amount-deposit").val("" + $("#slider-deposit").slider("value"));
});

Answer 1

是這個嗎

jQuery(document).ready(function($) {
    $("#slider-deposit").slider({
        value: 100,
        min: <?php echo json_encode($minDeposit); ?>,
        max: <?php echo json_encode($maxDeposit); ?>,
        step: 1,
        slide: function(event, ui) {
            $("#amount-deposit").val(Number(ui.value).toFixed(2));
            totalPayableFunc();
            monthlyPaymentsFunc();
        }
    });
    $("#amount-deposit").val("" + $("#slider-deposit").slider("value"));
    totalPayableFunc();
    monthlyPaymentsFunc();
});