我的问题是如何在加载元素或页面上的元素后触发或调用函数,并且不想等待整个页面加载。
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/