對移動友好的Jquery Modal框有任何建議嗎?移動友好的Jquery Modal Box?
2
A
回答
3
JQM中有一種模式。它叫做Dialog,就像JQ UI版本一樣。
下面是示例代碼:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Single page template</title>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
</head>
<body>
<div data-role="page" id="main">
<div data-role="header">
<h1>Single page</h1>
</div><!-- /header -->
<div data-role="content">
<a href="#modal" data-rel="dialog">Open dialog</a>
</div><!-- /content -->
<div data-role="footer">
<h4>Footer content</h4>
</div><!-- /footer -->
</div><!-- /page -->
<!-- modal -->
<div data-role="page" id="modal">
<div data-role="header" data-theme="e">
<h1>Dialog (modal)</h1>
</div><!-- /header -->
<div data-role="content" data-theme="d">
<h2>Modal</h2>
<p>Content of Modal Goes Here</p>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
</div><!-- /page modal -->
</body>
</html>
JQM對話框文檔:http://jquerymobile.com/demos/1.0/docs/pages/page-dialogs.html
+0
感謝您的回覆。我想我在JQM方面看得不夠緊密。當內容超出設備高度時,您是否有過如何表現的經驗?它是否添加滾動條? –
+1
它將展開窗口,以便您可以向上滾動或拖動屏幕。 – User970008
相關問題
- 1. JQuery Modal Box On PHP else
- 2. 移動友好的iframe CSS
- 3. Bug:Bootstrap Modal Box
- 4. Facebook的Modal Box的JQuery實現
- 5. Bootstrap 3.3.1 Modal Box將html內容左移
- 6. Bootstrap Modal Box內容
- 7. 使一個css對象移動友好
- 8. 邀請好友Modal for Facebook關閉
- 9. 使我的定製tumblr移動友好
- 10. Twitter引導不是移動友好的
- 11. 移動友好的響應jquery選項卡
- 12. 移動(觸摸)設備友好的下拉菜單在css/jquery
- 13. 移動設備友好遊戲?
- 14. 移動網絡友好主機
- 15. 如何使swf移動友好
- 16. 製作AngularJS Web App移動友好
- 17. 使網站完全移動友好
- 18. 如何確保three.js移動友好
- 19. 移動友好照片上傳/作物
- 20. 製作一個移動友好網站
- 21. 如何使頁面移動友好?
- 22. 使Ignite畫廊移動友好
- 23. 如何使3列移動友好?
- 24. Modal box vs Quick Time movie
- 25. 如何將Ajax轉換爲移動友好腳本/ jquery
- 26. 移動和jQuery如何友好是WebForms(vs MVC)4.0版?
- 27. 麻煩編輯顏色引導移動友好導航欄
- 28. 移動友好網站 - 應用良好的分辨率
- 29. 基本的CSS沒有響應/移動友好
- 30. 動態SEO友好的URL
用在移動設備上的標準模式對話框您有什麼問題? –
不確定您的標準模態框是什麼意思。我正在尋找的是一種模式,將重新調整和添加滾動條,如果有必要。 –