0

画像付きのページがあります。

ユーザーがページの最後にいる場合は、より多くのコンテンツが読み込まれるため、ユーザーが最後にいる場合はコンテンツが拡張され、読み続けることができます。

私の問題は、コンテンツを取得したときです。

  <a data-role="button" data-theme="b" href="/ref">
        Title
  </a>

HTML は正しいように見えますが、ボタンのスタイルを取得できません。スタイルがありません。

古いリンクのように見えます (青い下線)

私が使う ：

var url = "more.php?p=" + nextpage;

$.post(url, function (data) {

    $('#all').children().last().after(data);
    alreadyloading = false;
    nextpage++;
});

コンテンツを div #all にロードする

しかし、追加したため、スタイルが変更されていることがわかりました

  id="all"

に 

  <div data-role="content" >

しかし、スクリプト more.php を読み込むには div id が必要です。これを行うにはどうすればよいですか? だから私はスタイルを維持したいが、divにコンテンツをロードしたい.

id="all" を削除して html を div に貼り付ける場合:

お気に入り

 <div data-role="content" >

 <a data-role="button" data-theme="b" href="link.php?id=26" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all"><span class="ui-btn-inner ui-btn-corner-all">

 <span class="ui-btn-text">
 Title</span></span></a>

できます。

しかし

 <div data-role="content" **id="all"** >

 <a data-role="button" data-theme="b" href="link.php?id=26" data-corners="true" data-shadow="true" data-iconshadow="true" data-wrapperels="span" class="ui-btn ui-btn-up-b ui-shadow ui-btn-corner-all">

 <span class="ui-btn-inner ui-btn-corner-all">

 <span class="ui-btn-text">

 Title</span></span></a>

動作しません

SO私の問題は、ボタンのスタイルを維持しながらデータをインポートする方法です。

4

1 に答える 1

1

create新しいマークアップが読み込まれたときに、コンテナー要素でイベントをトリガーできます。

$("#all").load("more.php?p=0", function() {
    $(this).trigger("create");
});

編集: load( )の代わりに$.post()を使用する場合、同じ戦略が適用されます。

$.post(url, function(data) {
    $("#all").append(data).trigger("create");
    alreadyloading = false;
    nextpage++;
});
于 2013-03-28T14:43:30.617 に答える