Question

我正在构建一个多页面的应用程序，每个应用程序都有一个相同的幻灯片。幻灯片面板中的链接使用data-ajax = false链接到其他页面。现在我想打开data-ajax，这样jQM可以通过AJAX处理页面转换（并在完全重新加载页面时删除白色恼人的闪烁）。

所有页面的结构大致相同：

...
<body>
<div data-role="page"  text-align="center" > 
    <div class="panel" data-role="panel" id="panel-left">
        <ul>
        <li>
            <a href="./index.html">
                <p>Home</p>
            </a>
        </li>
        <li>
            <a href="./page2.html">
                <p>Page 2</p>
            </a>
        </li>
        <li>
            <a href="./page3.html">
                <p>Page 3</p>
            </a>
        </li>
        </ul>
    </div>
    <div id="header" class="si-icons si-icons-default" data-role="header" data-position="fixed" data-tap-toggle="false">
         <a class="panel" href="#panel-left"><img title="menu" alt="menu" class="panel" src="./image/panel.png"></a>
         <h1>My PAGE</h1>
    </div>
    <div class="ui-panel-wrapper" data-role="content">
         ...
    </div>
</div>
</body>
...

问题：

我应该在哪里放置与页面相关的JS？在data-role =＆＃34; page＆＃34; DIV？
该面板存在于我打开的第一页中，然后单击面板中的链接，我将被定向到另一页。缺少第二页中的面板（即白色面板）。为什么？

使用AJAX的JQM多页面应用程序幻灯片面板

0 个答案: