0

所以我在网上看了这个问题，但似乎找不到答案。让我充分解释我的问题。

我正在尝试将内容动态添加到 an<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>）时，内容将动态加载，但根本没有格式化。我不知道为什么会这样。这个问题有意义吗，是否有人对如何解决它有任何提示？

4

2 回答 2

1

通常，如果内容已加载但未格式化，则您的 CSS 存在问题。使用 firebug 检查加载的元素，查看存在哪些类以及应用了哪些样式规则。然后仔细检查您的相关 CSS 选择器是否与这些元素匹配。

于 2012-11-14T12:33:54.530 回答
1

不知道为什么会这样。它不应该。

您需要调用.refresh()列表视图。

于 2012-11-15T09:09:21.283 回答