photoswipe 安卓下關閉問題

最近用了 photoswipe 插件做手機端的照片瀏覽.

但是發現在android 下有兩個問題:

  1. 瀏覽圖片的時候 會有一個黑框擋住圖片
  2. 關閉瀏覽時候會貫穿點擊到 關閉按鈕下的圖片.造成無法關閉.(這是算是安卓瀏覽器的一個通病吧)

經過一天的努力總於解決掉了這兩個問題.

問題一解決辦法:

在photoswipe.css中將div.ps-uilayer的樣式的背景註釋掉

/* UILayer */
div.ps-uilayer { 
	/* background: #fff; */
	cursor: pointer;
}


問題二解決辦法:

在code.photoswipe.jquery-3.0.5.1.js中的hide: function() 方法中添加下面的代碼

var doms=$("div.gallery a");
doms.css("pointer-events","none");
window.setTimeout(function(){  
doms.css("pointer-events","auto");
},500); 
目的是爲了在關閉瀏覽時將圖片的連接改變爲不可點擊,延時500毫秒後再恢復狀態.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章