[英]Magnific Popup not working on mobile
宏大的彈出窗口似乎在台式機甚至Android手機上都可以正常工作,但在iPhone上卻顯示消息“此網頁出現問題,因此重新加載” ,並且無法播放Vimeo視頻。
更新:剛剛在我的iPhone上的Chrome上嘗試過,並且效果很好。 看起來只是Safari嗎?
這是HTML代碼:
<ul id="page1-slider7" class="bxslider">
<li>
<div class="c c1"><a href="http://vimeo.com/80951188" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SmuinXXmas.jpg" /></div>
</li>
<li>
<div class="c c2"><a href="http://vimeo.com/119386830" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/SunrunBrilliant.jpg" /></div>
</li>
<li>
<div class="c c3"><a href="http://vimeo.com/151719496" target="_blank" class="portfolio-link video">Watch Video</a><img src="images/sidecar/video/PIER_BOGO_Video.jpg" /></div>
</li>
</ul>
js文件
var initPopup = function(){
$('.portfolio-link.video').magnificPopup({
disableOn: 400,
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: true
});
}
有人遇到這個問題嗎? 提前致謝!
刪除此屬性“ disableOn:400”
僅保留下面的代碼。
jQuery('.portfolio-link.video').magnificPopup({
type: 'iframe',
mainClass: 'mfp-fade',
removalDelay: 160,
preloader: false,
fixedContentPos: true
});
我曾經遇到過像您一樣的問題。 我認為問題不在編碼中。
面對此類問題有很多原因。
嘗試遵循以下步驟。 試用1)
1-Close all open apps by double pressing the Home button then swipe up on all open apps.
2-Clear your browser’s history and web site data by going to Settings > Safari > Clear History and Website Data.
3-Restart your device.
4-Reset your iPad or iPhone by pressing and holding the Sleep/Wake and Home buttons at the same time for about 5-10 seconds until you see the Apple logo.
試用2)
方法1:重置網絡設置。
大多數情況下,存在網絡問題,因此我們將從重置網絡設置開始。 為此,只需導航至“設置”>“常規”>“重置網絡設置”。
方法2:清除瀏覽器緩存和歷史記錄。
如果確定不是您的網絡問題,那么下一步就是修復瀏覽器問題。 因此,最好清除您的瀏覽器緩存和歷史記錄。
在Safari中,轉到設置> Safari>清除網站數據。 現在關閉瀏覽器並重新啟動,以檢查錯誤是否仍然存在。
提示:關閉瀏覽器中所有未使用的標簽。
方法3:重置您的iPAD
上面提到的大多數時間2種方法都應該可以解決此網頁上出現的問題,因此它是“重新加載”錯誤,但是如果仍然無法擺脫它,那么您需要重置iPad。
按住並保持“居家和睡眠”按鈕約15秒鍾。 讓它自行重啟。 這應該解決任何進一步的問題。 如果不是,請嘗試方法4。
方法4:重新安裝JAVA
最后,卸載並重新安裝JAVA。 如果是Java問題,則此方法將為您解決此錯誤。
和第三次嘗試)
閱讀Apple論壇中的解決方案,然后嘗試按Thread中的用戶所說的解決方案。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.