Question

在下面的示例中，我希望它在页面加载时触发$(".hidden").show("slide");。本质上，我希望函数在该值加载到页面时触发。 id的q1，q2和q3也是s。

$(function(){

    $('#questions').change(function(){
        var q1Val = $('#q1 :selected').val();
        var q2Val = $('#q2 :selected').val();
        var q3Val = $('#q3 :selected').val();

        if (q1Val == "Treatment Rendered" || q1Val == "Unknown") {
            $(".hidden").show("slide");
        }
        else {
            $(".hidden:visible").hide("slide");
        }
    });
});

Answer 1

只需手动触发事件：

$('#questions').change(function(){
   // awesome code....
}).trigger('change');

http://api.jquery.com/trigger/

Answer 2

除了Felix的触发方法，您可以将更改函数的内部移动到单独的函数，然后在更改函数的内部和外部调用它。例如：

function functionName(){
   var q1Val = $('#q1 :selected').val();
   var q2Val = $('#q2 :selected').val();
   var q3Val = $('#q3 :selected').val();

   if (q1Val == "Treatment Rendered" || q1Val == "Unknown") {
      $(".hidden").show("slide");
   }
   else {
      $(".hidden:visible").hide("slide");
   }
}

$(function(){
   $('#questions').change(functionName);
   functionName();
});

如何触发on更改功能以在负载时触发？

2 个答案: