选中复选框时触发函数的小问题

Question

我被一个小问题困住了。这是代码

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script>

<input type="checkbox" id="chkPassport" /><span>Check To load </span>

<script> $(function () {

$("#chkPassport").click(function () {

if ($(this).is(":checked")) {

 $("#b-placeholder").show(

   function() {

 $("#b-placeholder").load("https://dl.dropbox.com/s/2v5pn5anpi0rvwv/search%20article.html");

});

} else {

 $("#b-placeholder").hide();

}

});

});

$(document).ready(function(){

 $("#placeholder").click(function(){

 });

});</script>

<div class="lod-notes" id="b-placeholder" style="display:none;"><img   src="https://upload.wikimedia.org/wikipedia/commons/b/b9/Youtube_loading_symbol_1_(wobbly).gif" width="35px"/> </div>

点击此处下载 Html 文件

问题是这样的：当您在 Chrome 中打开上面的 html 文件时，一切正常。当选中复选框时，它会加载页面。但是当我打开加载页面中的链接（即：Google）时，它会打开 google 但当我按后退按钮时，输入仍处于检查状态，但页面未加载。为了加载它，我必须取消选中已检查的输入，然后重新检查输入。如何编辑jquery代码，以便每当输入被选中状态时函数触发即站点加载而不是输入被单击以处于选中状态

$("#chkPassport").click(function () {

我认为这个点击功能是有问题的。由于该网站仅在输入单击到选中状态时加载，而不是在输入处于选中状态时加载。希望你明白了。我被困在这里了。如果你回答我，你就拯救了我的日子。提前致谢。

Answer 1

当你回来时，你可以检查 $(document).ready 如果复选框被选中。如果是这样，只需像这样加载函数即可。另一种解决方案是在链接上使用目标空白。$(document).ready(function(){if($("#chkPassport").is(":checked")) {$("#b-placeholder").show(function() {&nbsp; $("#b-placeholder").load("https://dl.dropbox.com/s/2v5pn5anpi0rvwv/search%20article.html");});}$("#placeholder").click(function(){});});