EnhanceWithin() 不工作

EnhanceWithin() is not working

我正在尝试通过 ajax 和 jquery 填充列表视图。在我填充数据之后。增强功能没有显示。

这就是我所做的。 Fiddle Result

var poss_ans = "6,4,8,2";
var possibleAnswers = poss_ans.split(","); //poss_ans is string containing all the answer from the database

$(document).on("pagecreate", "#page1", function () {

    var $posans = $('#poss_ans');    
    for (var i = 0; i < possibleAnswers.length; i++) {
        var label = possibleAnswers[i];
        $radio = $('<li />', {
            id: 'rad' + i,

            text: possibleAnswers[i],
        });
        var $label = ' <li ><a href="#" class="rem">   <h2>Dynamic</h2><p><b>To Peter Griffin</b><p>Ah, Mr. Griffin, Im not quite sure how to say this. Kim Bassinger? Bass singer? Bassinger?</p></a></li>';

        $posans.append($label);
    }     
        $posans.enhanceWithin().closest("fieldset").controlgroup("refresh");

});

现在在结果窗格中(在我的 fiddle 中)是两个不同的结果。第一个标记为“静态”的结果是我收到数据时想要实现的。倒数第二个是我得到的。 当我检查浏览器中的元素时,有一个新的 class(ui-link) 添加到 .我试图删除它,但它不起作用。

我不知道为什么 enhanceWithin() 不起作用。有人能帮帮我吗

把最后一行改成

$posans.listview("refresh");

API 文档:http://api.jquerymobile.com/listview/#method-refresh

Updated FIDDLE