Question

我已经定义了一个jQuery函数，它在输入改变时运行（显示/隐藏某些div）。到目前为止一切都很好。

我的问题：如何在页面加载时调用此函数？

由于我缺乏经验，我只是在尝试到目前为止找到的答案时更糟糕（拖动文档准备声明之外的函数等）。我想这些功能必须保持原样，但是调用它们似乎还不行。脚本：

jQuery(document).ready(function($) {

    $('input[name=project-type]').change(chooseProject);

    function chooseProject() {
        var val = $(this).val();
        $('#div1').hide();    
        $('#div2').hide();
        $('#div3').hide();
        if (val == 'Short') {
          $('#div1').show();
        }
        else if (val == 'Long') {
          $('#div1').show();
          $('#div3').show();
        }
      }

    });

某些背景信息：输入是一个单选按钮，通过多步联系表单，新页面加载会记住所选选项，但是如果没有更改事件，则该功能无法启动。

经过几个小时的努力帮助真的很感激！

Answer 1

绑定后，您可以trigger该元素上的更改事件。这会执行处理程序，就好像它是由用户自然触发一样。

我会尝试这样的事情：

jQuery(document).ready(function($) {
    //function declaration
    $('input[name=project-type]').on('change', chooseProject);
    $('input[name=project-type]').trigger('change');
});

在页面加载时调用jQuery函数一次

1 个答案: