如何在完全加载 html 后加载 jquery 片段？

Question

有没有办法在 html 完全加载后加载这些片段？如果在 js 文件（设置为 ASYNC 加载）之后加载片段，甚至设置一个计时器，我会非常高兴。

<script>$(document).ready(function(){var modals = ['#bookings', '#studios', '#mygallery', '#social', '#reviews', '#articles', '#contactme', '#credits', '#pagemap', '#tsandcs', '#events'];if (window.location.hash && ~modals.indexOf(window.location.hash)) {$(window.location.hash).modal();}})</script>
<script>$(document).ready(function(){$("#myModal11").modal('show');});</script>
<script>$(".modal:not(.noclose) a").click(function(){$(this).closest(".modal").modal("hide");});</script>

Answer 1

您正在将它们放在准备就绪的文档中，

$(document).ready(function(){$("#myModal11").modal('show');});

只需将最后一个放在相同的就绪函数中就可以了

尽管您也可以将它们放入其中一个函数中：

$(document).ready(function(){
 // put all code here...
});

Answer 2

你可以试试这个行为
希望这有帮助！

<html>
<head>

</head>
<body>

// My Html Here

<script>
$(document).ready(function(){
var modals = ['#bookings', '#studios', '#mygallery', '#social', '#reviews', '#articles', '#contactme', '#credits', '#pagemap', '#tsandcs', '#events'];
    if (window.location.hash && ~modals.indexOf(window.location.hash)) {
        $(window.location.hash).modal();
    }

$("#myModal11").modal('show');

$(".modal:not(.noclose) a").click(function(){
    $(this).closest(".modal").modal("hide");
    });
});

</script>
</body>

// 并删除此点击功能并使用 .on 代替它用于单个处理程序

$(".modal:not(.noclose)").on("click","a",function(){
    $(this).closest(".modal").modal("hide");
    });
});

如何在完全加载 html 后加载 jquery 片段？

How do I load jquery snippets after full load of html?

html

javascript

jquery

reload