gpt4 book ai didi

javascript - 如果或在加载元素之后调用函数

转载 作者:行者123 更新时间:2023-11-28 00:21:18 25 4
gpt4 key购买 nike

我的问题是如何在加载元素或页面上的元素后触发或调用函数,并且不想等待整个页面加载。

fiddle 示例: http://jsfiddle.net/8bJUc/275/
fiddle 问题: http://jsfiddle.net/8bJUc/274/

调用JS:

document.getElementsByClassName("owlCarousel").onLoad = function(){

// do stuff

$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
lazyLoad: true
});

};

HTML:

<span class='slide'>
<div id="owl-demo" class="owl-carousel"> <!-- If .owl-carousel has been loaded -->
<div>
<!-- Contents -->
</div>
</div>
</span>

所以我的意思是,如果 .slide.owl-carousel 类,那么调用函数就可以工作。
期待建议?

最佳答案

当正文加载时,div 几乎会立即加载。它没有 onload 事件,并且在完成加载后执行脚本的唯一方法是将脚本添加到 DOM 中的紧随其后的位置(正如其他一些答案所建议的那样)。

Fiddle实现此选项。

注意,您需要将脚本包装在页面的标题中才能使事情正常工作(查看我设置的 jsfiddle 选项)

在你的 HTML 中它看起来像

<head>
... rest of your stuff ...
function launchScript() {
// do stuff
$("#owl-demo").owlCarousel({
navigation: true,
pagination: true,
lazyLoad: true
});
}
</head>

然后:

<div id="owl-demo" class="owl-carousel"> <!-- If .owl-carousel has loaded-->
...
</div>
<script>
launchScript();
</script>

关于javascript - 如果或在加载元素之后调用函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30004082/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com