2012-02-27 67 views
1

我有一个使用的PhoneGap和jQuery Mobile的应用程序,它有标签这样如何动态地在标签使用jQuery Mobile的添加格

<div data-role="header"> 
    <div data-role="tabs"> 
     <ul> 
      <li><a href="#tab-1" class="">Tab 1</a></li> 
      <li><a href="#tab-2" class="">Tab 2</a></li> 
      <li><a href="#tab-3" class="">Tab 3</a></li> 
     </ul> 
    </div> 
</div> 

<div data-role="content"> 
    <div id="tab-1"> 
     <h2>Here is the second tab</h2>  
    </div> 

    <div id="tab-2"> 
     <h2>Here is the second tab</h2> 
    </div> 

    <div id="tab-3"> 
     <h2>Here is the third tab</h2> 
    </div> 
</div> 

现在我需要做下面的事情

  1. 如何动态地将div添加到任何选项卡?
  2. 如何显示进度条约10秒钟,然后显示结果。
+0

我新来Javascrpting.For动态添加div我看过一些帖子,但我无法理解。对于进度条我读了.delay()和setTimeOut()。 – 2012-02-27 13:10:53

+0

我会建议你一个一个地提问。例如,我想我可以回答你的第一个问题,但不知道第二个问题。那么现在会发生什么?我应该回答还是不应该? – 2012-02-27 13:13:14

+0

是的请回答第一个问题:P – 2012-02-27 13:14:05

回答

3

可以动态使用jQuery添加DOM元素是这样的:

$('#container').append("<div></div>"); 

对于jQuery的移动,你必须调用refresh在任何特定的库结构,如listviews

相关问题