1
我想在jquery mobile中完成一個簡單的彈出動畫幻燈片。我在桌面瀏覽器(chrome和firefox)上測試了這個,並且工作正常。但在移動中,我按下按鈕時會得到以下結果:
彈出窗口很好,但在屏幕右側創建一個空白區域,如果用戶向右滑動,則可以看到空白區域。關閉彈出窗口會刪除這個空白區域。只有在使用「幻燈片」轉換觸發彈出窗口時纔會發生這種情況。有誰知道這種行爲的原因。jquerymobile幻燈片動畫增加窗口寬度
我可以手動調整窗口的大小,但我不知道在彈出完成後什麼事件觸發滑動英寸
(我有圖片顯示這一點,但我不t有10代表所以我不能發佈它們:()
有人知道爲什麼會發生這種情況。日e設備。他們都產生相同的結果。這裏是我的代碼:
<!DOCTYPE html>
<html ng-app>
<head lang="en">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
</head>
<body>
<div data-role="page">
<a href="#pop" data-role="button" data-rel="popup" data-transition="slide">Pop Up</a>
<div data-role="popup" id="pop" data-overlay-theme="a">
<p>Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup Basic Popup</p>
</div>
</div>
</body>
</html>
現在上傳圖片;) – Omar
謝謝!只是添加圖像 – Naveed