data-scroll="true"
페이지가 고정 페이지 인 경우 제대로 작동하지만 자바 스크립트를 사용하여 페이지를 동적으로 추가하면 작동하지 않습니다.동적으로 삽입 된 페이지에서 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
속성을 추가하고 자바 스크립트를 사용하여 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)로 연결됩니다.net) –