页面加载时触发函数（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');
});