如何在准备好文档时触发“更改”功能？

Question

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

$(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>

我现在期望警报“确定”，但是什么也没有发生...

Answer 1

您首先触发事件，然后绑定它。将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>