1

JQuery + JQuery モバイルは初めてです。

スタイリングのために動的 div 要素を作成しようとしています。AJAX 呼び出しから JSON を取得し、順序付けされていないリストに入れ、div にラップしています。AJAX + JSON は見事に機能しますが、スクリプト内で DIV を作成して別の div コンテナーにアタッチすると、機能しません。私はこれについて多くのことを読みましたが、見つけた解決策はどれも div 部分ではうまくいかないようです。

コードを次のように単純化しました。

HTML:

  <div data-role="page">
        <div data-role="header">
            <h1>Page Title</h1>
        </div><!-- /header -->

        <div id="someDiv" data-role="content"></div>
        <div id="anotherDiv"></div>
    </div>

JavaScript:

$(document).ready(function() {
    var newDiv = '<div id="d1"><p>This will attach to the content</p></div>';
    var aDiv = '<div id="test" data-role="page"><p>This never gets displayed because of data-role?</p></div>';
    $("#someDiv").html(newDiv).trigger('create');
    $("#anotherDiv").html(aDiv).trigger('create');
});​

aDivにアタッチしない方法に注意してくださいanotherDiv。data-role="page"これは の属性と関係があると思われaDivます。

JSFiddle リンク

私はこれに1日以上立ち往生しています。どんな助けでも大歓迎です!!

4

1 に答える 1

0

aDiv一度に 1 つの JQM ページしか表示されないため、実際には表示されません (Firebug/WebInspector/DragonFly でマークアップを調べてこれを確認できます)。

新しいページを添付したい場合は、body

これがあなたのフィドルのフォークです

http://jsfiddle.net/49LgB/

于 2012-09-12T02:41:43.963 に答える