0

私はJQuery Mobileを初めて使用し、別のhtmlファイルからdivにページをロードする際に問題が発生しました:

ページのプレースホルダーである空のページ (main.html) を取得しました。

<body id="content" style="display: none;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort"></div>
</body>

私はこのような別のhtmlを持っています:

<div data-role="page" id="signin">...</div>

このスクリプトを次のように main.html に含めます。

$("#paegPort").load("signin.html", function(){
                $("#signin").page();
                $("#pagePort").trigger("create");
                $("body").trigger("create");
            });

ただし、空白のページが表示されました。次のようなhtmlを期待しています：

 <body id="content" style="display: none;">
<!-- This is a placeholder for dynamic page content -->
<div id="pagePort"><div data-role="page" id="signin">...</div></div>
</body>

しかし、私は得ました：

<body id="content" style="display: block;" class="ui-mobile-viewport ui-overlay-c">
<div data-role="page" data-url="..." tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 208px;">
<!-- This is a placeholder for dynamic page content -->
        <div id="pagePort">
    <div data-role="page" id="signin"...>...</div>
    </div>
</div></body>

プログラムは本文の後に自動的に行を追加しました:

<div data-role="page" data-url="..." tabindex="0" class="ui-page ui-body-c ui-page-active" style="min-height: 208px;">

ロードしたいページが表示されません。

誰でもそれで私を助けることができますか？ファイルからボディ内のdivにjqueryページをロードするにはどうすればよいですか?

4

1 に答える 1

0

JavaScript にエラーがあります。セレクターに #paegPort があります。

$("#pagePort").load("signin.html", function(){
            $("#signin").page();
            $("#pagePort").trigger("create");
            $("body").trigger("create");
        });

Chrome の開発者ツールを使用してデバッグし、jquery がネットワークを介してプルしているものを確認することをお勧めします。ロードしようとしている html ページを、ブラウザーで直接アクセスしてロードできますか?

于 2013-08-13T21:28:26.390 に答える