2011-09-03 67 views
3

我正在寻找一个简单的示例,展示如何使用JQueryMobile呈现已在客户端动态组装的页面。 $ .mobile.autoInitialize用于在几个版本之前工作,现在我们有$ .mobile.autoInitializePage,但我似乎无法弄清楚如何去做或找到任何正在使用它的人的例子。在JQueryMobile中使用autoInitializePage的示例

我尽力而为(现在这个WORKS - 打电话设定autoInitializePage之前太早):它http://jsbin.com/apocol/2 混乱在这里:

<html> 
    <head> 
    <link class="jsbin" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css" rel="stylesheet" type="text/css" /> 
    <script class="jsbin" src="http://code.jquery.com/jquery-1.6.2.min.js"></script> 
    <script class="jsbin" src="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.js"></script> 
    <script> 
     $.mobile.autoInitializePage = false 
    </script> 
    </head> 
    <body> 
</body> 
    <!-- coffeescript makes multiline strings easy --> 
    <script src="http://jashkenas.github.com/coffee-script/extras/coffee-script.js"></script> 
    <script type='text/coffeescript'> 
    $('body').html " 
     <div data-role='page'> 
     <div data-role='header'><h1>Title</h1></div> 
     <div data-role='content'><p>Page content goes here.</p></div> 
     <div data-role='footer'><h4>Page Footer</h4></div> 
     </div> 
    "; 
    $.mobile.initializePage(); 
    </script> 
</html> 

结果这里http://jsbin.com/apocol/2/edit#html

+1

我的问题是,我是设置$ .mobile.autoInitializePage =装载jQuery Mobile的前假。我现在已经修复它并且它可以工作。 –

回答

1

我不知道的性能影响或其他可能的问题,但我已经成功地将这个动态更新的页面用于强制完成刷新。

$("#MyPage").page("destroy").page();