2012-11-14 206 views
0

所以我在網上看了這個問題,但似乎無法找到答案。讓我充分解釋我的問題。樣式動態添加內容

我試圖動態地將內容添加到<ul>,並使其格式正確。什麼我插入的是:

<ul data-role="listview" id="localStoresUL" data-autodividers="true" data-divider-theme="d"> 
</ul> 

我有別的地方當單擊列表項,加載這個了數據,而我這樣做,用下面的代碼:

$("#localStores").click(function() { 
    Customer.getLocalStores(13, 12, function(stores){ 
     for(var i = 0; i < stores.length; i++){ 
      $("#localStoresUL").append('<li class="store" id="' + stores[i].id + '"><a data-transition="slide" data-filter="false">' + stores[i].fullname + '</a></li>'); 
     } 
    }); 
}); 

現在,當用戶第一次點擊該鏈接時,這一切都很好用,並且它填充了<ul>。但我有使用此代碼頁面上的返回按鈕:

<a href="#" class="ui-btn-left back" data-rel="back" data-icon="back" data-add-back-btn="true" >Back</a> 

並且用戶點擊時,此後退按鈕,然後再在以前<li>點擊(應該填充<ul>)的內容是動態加載,但根本沒有格式化。我不知道爲什麼會發生這種情況。這個問題是否有意義,有沒有人有任何提示如何解決它?

+0

「這個問題是否有意義」不,不是真的。你在哪個瀏覽器中遇到這個問題? – feeela

回答

1

不知道它爲什麼。它不應該。

您需要在列表中調用.refresh()

1

通常,如果內容已加載但未格式化,則說明您的CSS存在問題。使用螢火蟲檢查已加載的元素,並查看存在哪些類並正在應用樣式規則。然後仔細檢查您的相關CSS選擇器是否與這些元素匹配。