极客观点
项目管理
HarmonyOS
全屏滚动插件jquery.fullpage.js中的回调函数中用trigger主动触发jquery事件不执行
<body>
<div id="h5">
<div class="page section" id="page-1">
<div class="component log">logo</div>
<div class="component slogan">slogan</div>
</div>
<div class="page section" id="page-2">
<div class="component desc">描述信息</div>
</div>
<div class="page section" id="page-3">
<div class="component bar">柱状图</div>
</div>
</div>
<script src="../js/lib/jquery-1.11.1.js"></script>
<script src="../js/lib/jquery-ui.min.js"></script>
<script src="../js/lib/jquery.fullPage.js"></script>
<script>
//jquery 1.11.1, jquery-ui 1.10.3, fullPage 2.9.4
$(function(){
$(".page").on("onLeave",function(){
console.log($(this).attr("id"),"==>>","onLeave");
});
$(".page").on("onLoad",function(){
console.log($(this).attr("id"),"==>>","onLoad");
});
$("#h5").find(".page").eq(0).trigger("onLeave"); // 页面加载完可以执行
$("#h5").fullpage({
'sectionsColor': ['#254875', '#00FF00', '#254587'],
'onLeave':function(index,nextIndex,direction){
console.log(123); // 页面滚动时可以执行
$("#h5").find(".page").eq(0).trigger("onLeave"); // 页面滚动时为什么偏偏跳过它不执行呢？
console.log(123); // 页面滚动时可以执行
},
'afterLoad':function(anchorLink,index){
}
});
});
</script>
</body>
把ｓｃｒｉｐｔ换成cdn的，实测没问题