[英]Framework7 blocks jQuery.appear
我使用Framework7,並希望使用jQuery.appear在用戶可見元素時運行腳本。 此代碼在純HTML中非常適合此代碼:
<!DOCTYPE html>
<html>
<head>
<title>
</title>
</head>
<body>
<script src="https://code.jquery.com/jquery-3.1.1.min.js" type="text/javascript"></script>
<script src="https://raw.githubusercontent.com/morr/jquery.appear/master/jquery.appear.js" type="text/javascript"></script>
<script src="update.js" type="text/javascript"></script>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<img align="center" id="UpdateIMG1" src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/62/Incandescent_light_bulb.svg/200px-Incandescent_light_bulb.svg.png" style="height:10vh">
</body>
</html>
Update.js
<!-- Update on first start -->
$.force_appear();
$(function() {
$("[id^='UpdateIMG']").appear();
$(".page-content").on('appear', "[id^='UpdateIMG']", function(event, $all_appeared_elements) {
alert("appeared");
});
<!--Cancel when element is invisible-->
$(".page-content").on('disappear', "[id^='UpdateIMG']", function(event, $all_appeared_elements) {
alert("disappeared");
});
});
當我將其添加到Framework7(Framework7-1.5.0 \\ examples \\ inline-pages)時,可以正常使用, 但不能消失 。 為什么會這樣呢?
https://github.com/nolimits4web/Framework7/archive/v1.5.0.zip
我認為您正在嘗試使用默認頁面類'page-content'捕獲頁面加載和卸載。 但是,對於Framework7,這不是一個好習慣。 Framework7提供了許多事件來捕獲頁面的不同階段。
下面是根據Framework7文檔的頁面事件集。
您可以在https://framework7.io/docs/page.html#page-events上找到有關如何編寫函數等的更多詳細信息。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.