我正在使用jquery mobile开发移动Web应用程序。在aspx页面中,我使用了两个jquery移动页面(div data-role='page')
。我使用$ mobile.changepage进行导航。
但是,当重定向一些闪烁时,正在发生。如何克服这个问题。我可以用它来导航。
第一页: -
<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 -->
第二页: -
<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 -->
在Page one复选框onchange event我调用一个函数。 CheckBand()
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
提前致谢。