JQuery Mobile動態分頁

我是JQuery + JQuery手機新手。JQuery Mobile動態分頁

我正在嘗試爲樣式目的創建動態div元素。我從AJAX調用中拉入JSON，將其拋入無序列表中，並將其包裝到div中。 AJAX + JSON工作得很好，但是當我在腳本中創建DIV並將其附加到另一個div容器時，它不起作用。我在這方面做了大量的閱讀，但是我發現的解決方案似乎都不適用於div部分。

我已經簡化我的代碼到以下幾點：

HTML：

<div data-role="page"> 
     <div data-role="header"> 
      <h1>Page Title</h1> 
     </div><!-- /header --> 

     <div id="someDiv" data-role="content"></div> 
     <div id="anotherDiv"></div> 
    </div>

的JavaScript：

$(document).ready(function() { 
    var newDiv = '<div id="d1"><p>This will attach to the content</p></div>'; 
    var aDiv = '<div id="test" data-role="page"><p>This never gets displayed because of data-role?</p></div>'; 
    $("#someDiv").html(newDiv).trigger('create'); 
    $("#anotherDiv").html(aDiv).trigger('create'); 
});

注aDiv怎麼不重視anotherDiv。我懷疑這與aDiv中的data-role="page"屬性有關。

JSFiddle Link

我一直停留在這個1+一天。任何幫助是極大的讚賞！！

來源

2012-09-12 Zach Cowell

這似乎是工作，我的一個分支。你究竟發生了什麼事情呢？我不清楚。 – user1167442

請注意'newDiv'如何附加到一個div，但'aDiv'沒有附加到一個div，因爲'data-role =「page」'。我無法弄清楚爲什麼'aDiv'不會附加到div id'anotherDiv'。 –