data-scroll="true"
如果頁面是靜態頁面,可以正常工作,但如果使用javascript動態添加頁面,則不起作用。jQueryMobile'data-scroll = true'不適用於動態注入的頁面
我的頭部分是:
<link rel="stylesheet" href="css/jquery.mobile-1.0rc2.css" />
<link rel="stylesheet" href="css/jquery.mobile.scrollview.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.0rc2.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.mobile.scrollview.js"></script>
<script type="text/javascript" src="js/scrollview.js"></script>
我還添加了data-scroll
屬性和使用JavaScript將其設置爲true
,下面是我的代碼:
var pageHtml = "<div data-role='page' data-scroll='true' id=page" + pageId + " data-url=page" + pageId + ">";
var pageHeader = "<div data-role='header' data-position='fixed'><h1>" + menuItem + "</h1></div>";
var pageContent = "<div data-role='content' id='page" + pageId + "Content'></div>";
var page = pageHtml + pageHeader + pageContent + "</div>";
$(page).appendTo($.mobile.pageContainer);
請幫我...
看看你發佈的jQM不支持jQuery 1.7.x應該使用1.6.4,你應該升級到jQM 1.0也鏈接到演示(如http:// jsfiddle。淨)將是有益的,以及任何錯誤,你遇到 –