1

index.html で定義されたパネルを別のページ、たとえば resutls.html で使用することは可能ですか? または、すべてのページでパネルを定義し、両方のページに同じ html コードを追加する必要がありますか?

パネルをすべてのページで同じにしたいので。

これはindex.htmlの私のパネルです

<div data-role="page" id="home">
    <div data-role="panel" id="mypanel">
        <!-- panel content goes here -->
    </div>
    <!-- /panel -->
    <div data-role="header">
        <!-- beginning of header -->
        <div data-role="navbar" data-id="navbar">
            <!-- beginning of presistant navbar, this navbar will be shown in all
            pages -->
            <ul>
                <li> <a href="index.html" data-icon="search" class="ui-btn-active ui-state-persist">Search</a>

                </li>
                <li> <a href="#mypanel" data-icon="bars">More</a>

                </li>
            </ul>
        </div>
        <!-- /navbar -->
    </div>
    <!-- /header -->
    <div data-role="content" id="content">
        <!-- content -->
    </div>
    <!-- /content -->
4

1 に答える 1

1

2 つのページが同じドメイン名にある場合は、JQuery を使用してその要素を新しいページにロードするだけです。

ただし、リンクがページに動的に読み込まれるため、これはあまり SEO フレンドリーではありません。

JQuery ライブラリを含めてから、新しいページに div を作成する必要があります。

<div class="new-sidebar"></div>

次に、その内容を JQuery でロードします$('.new-sidebar').load('index.html #mypanel');

コメントから編集:

$( "#navbar ul li" ).click(function() {
  $('.new-sidebar').load('index.html #mypanel');
});
于 2013-08-30T09:49:08.897 に答える