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('作成'); .trigger( "強化" );

何もうまくいきません...多くのトピックがこの質問をカバーしていますが、私にとっては何もうまくいきません..助けてください

4

1 に答える 1

0

簡単な例を次に示します: 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>

あなたの質問は、返される HTML や、AJAX イベントの前に HTML がどのように見えるかを定義していないため、返されたデータが<li></li>. .listview("refresh")次に、<ul data-role="listview">または<ol data-role="listview">自体でを実行します。

于 2012-11-30T00:45:19.093 に答える