頁面加載時的觸發函數（jQuery）

Question

我具有以下功能，可在單擊時運行：

$(document).ready(function() {

    $('p.distance-units label input:radio').click(function() {
        var units = $(this).parents('label').attr('units');


        if ($(this).parents('label').hasClass('unchecked')) {
            changeDistanceUnits(units);
        }


    });

我也希望在頁面加載時觸發它。

謝謝，蒂姆

Answer 1

只需調用click方法：

$('p.distance-units label input:radio').click(function() {
  // ...
}).click();

Answer 2

  Use trigger to call initially 

 $('p.distance-units label input:radio').on("click",calBack);
     // Trigger
     $('p.distance-units label input:radio').trigger("click");

function calBack(){

            if ($(this).parents('label').hasClass('unchecked')) {
                changeDistanceUnits(units);
            }
    }

Answer 3

嘗試這個：

$(document).ready(function() {

    $('p.distance-units label input:radio').click(function() {
        var units = $(this).parents('label').attr('units');

        if ($(this).parents('label').hasClass('unchecked')) {
            changeDistanceUnits(units);
        }
    });

    $('p.distance-units label input:radio').click();
});

Answer 4

您可能只想觸發選中項目的點擊，所以

$(document).ready(function () {
    $('p.distance-units label input:radio').on('click',function () {
        var units = $(this).parents('label').attr('units');
        if ($(this).parents('label').hasClass('unchecked')) {
            changeDistanceUnits(units);
        }
    }).filter(':checked').triggerHandler('click');
});