完全加载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>

//删除此click函数，并使用.on代替单个处理程序

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

完全加载html后，如何加载jquery代码段？

问题描述

2 个解决方案

解决方案1
1 2016-04-05 04:58:12

解决方案2
1 已采纳 2016-04-05 05:06:39

完全加载html后，如何加载jquery代码段？

问题描述

2 个解决方案

解决方案1 1 2016-04-05 04:58:12

解决方案2 1 已采纳 2016-04-05 05:06:39

解决方案1
1 2016-04-05 04:58:12

解决方案2
1 已采纳 2016-04-05 05:06:39