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

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文件时，一切都很好。当复选框被选中时，它会加载页面。但当我在加载的页面(即谷歌(中打开链接时，它打开谷歌，但当我按下后退按钮时，输入仍然被选中，但页面没有加载。为了加载它，我必须取消选中输入，然后重新检查输入。如何编辑jquery代码，以便每当输入处于检查状态时功能触发即站点加载未输入点击处于检查状态

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

我认为这个点击功能有问题。由于哪个站点只在输入点击到选中状态时加载，而不是在输入处于选中状态时。希望你拿到了。我被困在这里了。如果你回答我，你就救了我一天。提前感谢。

Answer 1

当您回来时，如果选中复选框，您可以选中$(document(.ready。如果是，只需像这样加载函数。另一个解决方案是在链接上使用目标空白。

$(document).ready(function(){
if($("#chkPassport").is(":checked")) {
$("#b-placeholder").show(function() {
	$("#b-placeholder").load("https://dl.dropbox.com/s/2v5pn5anpi0rvwv/search%20article.html");
});
}
$("#placeholder").click(function(){});
});