Question

我正在尝试使用ajax加载数据，listview在intialpage加载时工作魅力，在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                        

                                }

});

我曾尝试过

$（＆＃39;＃video_listing＆＃39）的列表视图。（＆＃39;刷新＆＃39）;

$（HTML）.trigger（＆＃39;创建＆＃39）; .trigger（＆＃34;增强＆＃34;）;

没有什么可行的......虽然很多主题，涵盖了这个问题，但对我来说没什么用。请帮助

Answer 1

以下是一个简单示例：http://jsfiddle.net/Twisty/9SVPN/

<强> JQuery的：

$(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>

您的问题没有定义在AJAX事件发生之前返回HTML或HTML看起来是什么样的，因此我假设您将返回的数据包含在<li></li>中。然后，您想在.listview("refresh")或<ul data-role="listview">上执行<ol data-role="listview">。

Jquerymobile - Listview -Ajax loading -CSS风格

1 个答案: