2

我正在尝试使用 ajax 加载数据，listview 在初始页面加载时很有魅力，在 ajax 加载期间 css 未加载。

几乎尝试了一切，如列表视图刷新、触发器等。但对我来说没有任何效果。

请帮我

我的代码：

$('.more').live("click",function() {
var ID = $(this).attr("id");
var CASE = $(".case").attr("id");
var EXTRADATA = $(".extra_data").attr("id");
if(ID) {
    $("#more"+ID).find("#loader").css('display', 'block');
    $.ajax({
    type: "POST",
    url: "/ajax.php",
            data: "lastpos=" + ID +"&case=" + CASE + "&extradata=" + EXTRADATA,
            cache: false,
    success: function(html){ 
                                $("#video_listing").append(html);
                                $("#more"+ID).remove(); // removing old more button                        

                                }

});

我试过

$('#video_listing').listview('refresh');

$(html).trigger('create'); .trigger("增强");

没有任何效果...虽然有很多主题，涵盖了这个问题，但对我来说没有任何效果..请帮助

4

1 回答 1

0

这是一个简单的例子：http: //jsfiddle.net/Twisty/9SVPN/

查询：

$(document).ready(function() {
    $('.more').live("click", function() {
        $("#myList").append("<li>Added Item</li>");
        $("#myList").listview("refresh");
    });
});

HTML：

<html>
    <head>
        <title>Test</title>
    </head>
<body>
    <div data-role="page">
        <div data-role="header">
            <h2>Test Page</h2>
        </div>
        <div data-role="content">
            <ul data-role="listview" id="myList">
                <li>Item 1</li>
            </ul>
            <a id="actionBtn" data-role="button" class="more">Add LI</a>
        </div>
    </div>
</body>
</html>

您的问题没有定义返回的 HTML 或 AJAX 事件之前的 HTML 外观，因此我假设您返回的数据包含在<li></li>. 然后你想.listview("refresh")在<ul data-role="listview">or<ol data-role="listview">本身上执行。

于 2012-11-30T00:45:19.093 回答