不接受CSS

Question

Jquerymobile Ajax響應元素我想實現我的虛擬應用程序的國家搜索。最初在主頁上，我正在使用列表視圖，並正確顯示。但同樣的列表視圖，如果我用ajax顯示，列表視圖內容被顯示，但CSS並不適用於此。

點擊以下鏈接請看看虛擬應用程序： http://questoons.com/vkwave/sof/ajaxrequest/

]在虛擬應用程序，最初列出視圖中顯示正常，但是當點擊「呼叫Ajax和填充國家名單」，我發送了整個列表數據使用像下面這樣的ajax：

<ul data-role="listview" data-filter="true" data-filter-placeholder="Search Country/Group..." data-filter-theme="d" data-theme="d" data-divider-theme="b"> 
        <li data-role="list-divider">A</li> 
        <li data-icon="false"><a href="#" >Afghanistan</a></li> 
        <li data-icon="false"><a href="#" >Argentina</a></li> 
        <li data-icon="false"><a href="#" >Australia</a></li> 
        <li data-icon="false"><a href="#" >Austria</a></li> 
        <li data-role="list-divider">B</li> 
        <li data-icon="false"><a href="#" >Bahamas, The</a></li> 
        <li data-icon="false"><a href="#" >Bahrain</a></li> 
       </ul> 

但在ajax響應列表css不適用。請指導我錯在哪裏。

我使用jQuery的正常阿賈克斯。

Answer 1

在第一次加載你的HTML是：

<ul data-divider-theme="b" data-theme="d" data-filter-theme="d" data-filter-placeholder="Search Country/Group..." data-filter="true" data-role="listview" 
    class="ui-listview"> 
    <li data-role="list-divider" role="heading" class="ui-li ui-li-divider ui-bar-b"> 
     A 
    </li> 
    <li data-icon="false" data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div" data-iconpos="right" data-theme="d" 
     class="ui-btn ui-btn-icon-right ui-li ui-btn-up-d"> 
     <div class="ui-btn-inner ui-li"> 
      <div class="ui-btn-text"> 
       <a href="#" class="ui-link-inherit">Afghanistan</a></div> 
     </div> 
    </li> 
</ul> 

UL，利等html元素有一定的階級。但在阿賈克斯響應你錯過了這個類。將CSS類添加到您的ajax響應中。

例如：

<ul class="ui-listview" ... 
    <li class="ui-btn ui-btn-icon-right ui-li ui-btn-up-d" ...