相关疑难解决方法(0)

我想创建一个可以由我的jQuery Mobile应用程序中的所有页面使用的共享页脚(例如footer.html).但是,在从外部文件加载html后,我找不到让jQuery刷新页脚导航栏中样式的方法.在思考之后会非常感激.

Footer.html:

<div data-role="navbar" class="CSS" data-grid="d" id="footerNav">
    <ul >
        <li ><a href="#" id="a" data-icon="custom"><div>a</div></a></li>
        <li ><a href="#" id="b" data-icon="custom"><div>b</div></a></li>
        <li ><a href="#" id="c" data-icon="custom"><div>c</div></a></li>
        <li ><a href="#" id="d" data-icon="custom"><div>d</div></a></li>
        <li ><a href="#" id="e" data-icon="custom"><div>e</div></a></li>
    </ul>
</div>

index.html的:

<div data-role="page" style="position: relative" data-theme="a" id="index">
    <div data-role="header">
        <div class="homebutton" onclick="location.href='default.html'">
            &nbsp;</div>
        <h1>
            EVENT CALENDAR</h1>
    </div>
    <div data-role="content">
        <p>
            This is a single page boilerplate template that you can copy to build you first
            jQuery Mobile page. Each link or form from …

我目前正在使用jquery移动框架创建phonegap应用程序.

我有多个页面,像这样:

• index.html(全局布局)
• home.html(主页)
• settings.html(设置页面)
• ...

我想在每个页面上都有导航栏,并且在每个页面上保留它而不重复它(主页,设置......)我不知道为什么我不能这样做(比如包括header.html？或设置navbar在全球布局？).我使用页面之间的链接浏览我的应用程序

<a href="home.html" data-transition="slide">Home</a>

如何保留我的导航栏？

谢谢,