jquery mobile.In を使用してモバイル Web アプリケーションを開発しています(div data-role='page')
。ナビゲーションに $mobile.changepage を使用しています。しかし、リダイレクト中にちらつきが発生しています。この問題を解決するには、ナビゲーションに使用できるものを選択してください。
ページ 1:-
<div data-role="page" id="one">
<div data-role="header">
<h1>Multi-page</h1>
</div><!-- /header -->
<div data-role="content" >
<input type=\"checkbox\" name=\"Check\" value="Change" id="1" disabled=\"true\" checked=\"true\" onchange='return CheckBand()'/ >
<label for="1" id=\'2'>Check</label>
</div><!-- /content -->
<div data-role="footer" data-theme="d">
<h4>Page Footer</h4>
</div><!-- /footer -->
2ページ目:-
<div data-role="page" id="dAtAc" data-theme="a">
<div data-role="header">
<h1>Two</h1>
</div><!-- /header -->
<div data-role="content" data-theme="a">
<h2>Two</h2>
<p>I have an id of "two" on my page container. I'm the second page container in this multi-page template.</p>
<p>Notice that the theme is different for this page because we've added a few <code>data-theme</code> swatch assigments here to show off how flexible it is. You can add any content or widget to these pages, but we're keeping these simple.</p>
<p><a href="#one" data-direction="reverse" data-role="button" data-theme="b">Back to page "one"</a></p>
</div><!-- /content -->
<div data-role="footer">
<h4>Page Footer</h4>
</div><!-- /footer -->
ページ1チェックボックスonchangeイベントで、1つの関数を呼び出しています。チェックバンド()
function CheckBand()
{
$.mobile.changePage("#dAtAc", { transition: "slide", allowSamePageTransition: true, changeHash: true});
}
1)What do you mean by flickering? -- while navigating 2 to 3 times the page is blinking
2)Jquery mobile supports a large number of devices and operating systems. Which device, jqm version, browser are you using? Yes correct
3)Is it on an emulator or an actual device? not in emulator actual device it is web application
4)Which transition are using? slide
前もって感謝します。