首页 > 解决方案 > 如何在文档准备好时触发“更改”功能?

问题描述

我有一个“更改”功能,我想在页面加载时触发它。

$(document).ready(function () {
$(".myfunc").trigger("change");

$(document).off("change", ".myfunc").on("change", ".myfunc", function (event) {
    alert("ok");
});


});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

我现在期待警报“好的”,但没有任何反应......

标签: jqueryfunctiontriggers

解决方案


您首先触发事件,然后再绑定它。将trigger调用移至调用下方,on以便首先发生事件绑定:

$(document).ready(function() {
  $(document).off("change", ".myfunc").on("change", ".myfunc", function(event) {
    alert("ok");
  });
  
  $(".myfunc").trigger("change");
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<div class="myfunc">test</div>


推荐阅读