0

重複の可能性:
非同期に含まれる div の jQuery Mobile スタイル
Jquery モバイル リストビュー - 初期化が完了していることを確認します

モバイル jquery リスト ビューがあり、最後に LOAD MORE ボタンがあります。AJAX を使用して追加された新しい結果に css がないことを除いて、すべて正常に動作します。

これが私のボタンコードです

<div data-role="fieldcontain">
            <a onclick="loadmore(this);" type="button" id="showmore" href="#more">Load more..</a>
        </div>

Javascript

function loadmore(a) {
    jq("#show_more_btn").removeClass("show_more_btn");
    jq("#show_more_btn").addClass("loading_btn");
    jq("this").css("display", "none");
    if (null == jq.cookie("bp-activity-oldestpage")) jq.cookie("bp-activity-oldestpage", 1, {
        path: "/"
    });
    var b = jq.cookie("bp-activity-oldestpage") * 1 + 1;
    jq.post(ajaxurl, {
        action: "activity_get_older_updates",
        cookie: encodeURIComponent(document.cookie),
        page: b
    }, function (a) {
        jq("#show_more_btn").removeClass("loading_btn");
        jq("#show_more_btn").addClass("show_more_btn");
        jq.cookie("bp-activity-oldestpage", b, {
            path: "/"
        });
        jq("li[class='load-more']").hide();
        jq("#activity-stream").append(a.contents);
    }, "json");
    return false
}

正しいリストビューのスクリーンショット http://s12.postimage.org/yd2hsk119/original.jpg

問題 http://s17.postimage.org/81ofaf1bz/got.jpg

編集: リストビュー コード

<div class="content-primary">   
            <ul data-role="listview"  id="activity-stream">
    <?php endif; ?>

    <?php while ( bp_activities() ) : bp_the_activity(); ?>

        <?php locate_template( array( 'activity/entry.php' ), true, false ); ?>

    <?php endwhile; ?>

    <?php  if ( empty( $_POST['page'] ) ) :  ?>

            </ul>
        </div>

エントリ.php

<li id="activity-<?php bp_activity_id(); ?>">
<a href...>...</a>
<h3>...</h3>
<p>...</p>
</li>

誰が問題が何であるか知っていますか?

4

1 に答える 1

2

listview次のように更新する必要があります。

$("ul").listview('refresh');

要素をリストに追加していますが、適切なクラスと属性がないため、jQuery モバイルによってスタイル設定されていません。

于 2012-08-27T17:02:54.747 に答える