JQ mobile

時間  2019-11-08
標籤 mobile 欄目 JavaScript 简体版
原文   原文鏈接

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no" id="viewport" />
<link rel="stylesheet" type="text/css" href="jq.mobile/jquery.mobile-1.4.5.min.css">
<!-- <script type="text/javascript" src="http://cdn.bootcss.com/device.js/0.2.5/device.js"></script> -->

<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="jq.mobile/jquery.mobile-1.4.5.min.js"></script>
<style type="text/css">
.fenduan{
text-align: center;
}
.ui-controlgroup{
margin: 0;
width: 100% !important;
}
.ui-controlgroup-controls {
width: 100%;
}
.fenduan a{
width: 25% !important;
box-sizing:border-box;
}
</style>
</head>javascript


<body>
<div data-role="page">
<div data-role="header">
<a href="#" data-icon ="calendar">按鈕</a>
<h1>這是jqm的骨架</h1>
<a href="#" data-icon ="arrow-u-r" data-iconpos="right">按鈕</a>
<div class="fenduan">
<div data-role="controlgroup" data-type="horizontal">
<a href="#" data-role="button" >選項</a>
<a href="#" data-role="button" >選項</a>
<a href="#" data-role="button" >選項</a>
<a href="#" data-role="button" >選項</a>
</div>
</div>
</div>
<div data-role="content">
<ul data-role="listview" data-inset="ture" data-filter ="true">
<li data-role="list-divider">港臺歌手</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
<li data-role="list-divider">港臺歌手</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
<li>
<img src="jq.mobile/1.jpg">
<h3>周杰倫</h3>
<p>啥地方開始的分解開連鎖店就分手的垃圾分類介紹的垃圾房老師的看了就付款了</p>
</li>
</ul>
</div>
<div data-role="footer" data-position="fixed">
<h4>頁腳</h4>
</div>
</div>
</body>
</html>css

 

 

 

最近在使用jquery mobile開發HTML5 APP時，遇到在高版本Chrome上一直轉圈，頁面加載不出來的狀況。html

Chrome 43如下的版本，Firefox和Safari瀏覽器都沒有這個問題。java

查看控制檯，報這麼一個錯誤jquery

Uncaught SecurityError: Failed to execute 'replaceState' on 'History': A history state object with Url ....

因爲習慣用Chrome進行開發調試，Firefox愈來愈很差用，Safari的Windows版版本也過老，因此決心解決這個兼容性問題。瀏覽器

在國外論壇上找到這麼一段代碼，加到jquery.mobile.js中後問題解決了。ruby

$(document).bind('mobileinit',function(){ $.mobile.changePage.defaults.changeHash = false; $.mobile.hashListeningEnabled = false; $.mobile.pushStateEnabled = false; });
相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程