jQuery 移动数据页='内容'仅过渡

Question

我正在尝试使用 PhoneGap 和 jQuery Mobile 开发 iPhone 应用程序。此应用程序有一个固定页脚。

我现在面临的主要问题是内置页面转换更改了整个页面，要求我在每个页面中复制/粘贴页脚代码。

显然，这不是这样做的方法。页脚中的任何微小更改都必须重复 10 次以上（对于 10 多个页面）。

我的问题如下：如何加载页面的“内容”部分（带有幻灯片过渡），这样我就不必在所有页面中添加页脚代码？

Answer 1

该功能在 jQuery Mobile 中尚不可用。您可以在 iOS 5 设备上为“真实”固定页脚和固定页眉打开 touchOverflowEnabled 选项，但不能为任何其他设备打开。

为了实现真正的固定工具栏，浏览器需要
支持位置：固定或溢出：自动。幸运的是，这种支持是
来到移动平台，这样我们就可以通过网络标准来实现这一点。
在 jQuery Mobile 中，我们添加了一个全局功能，称为
touchOverflowEnabled利用overflow:auto CSS属性
支持iOS5等平台。启用后，框架会包装每个
容器中的页面具有自己的内部滚动。这让我们
将工具栏定位在滚动主体之外，以便它们真正停留在
始终固定到位。

来源：http://jquerymobile.com/demos/1.0/docs/toolbars/bars -fixed.html

但是，您可以以编程方式设置页脚，而不是对每个页面进行硬编码：

//bind an event handler to the `pagecreate` event for all `data-role="page"` elements
$(document).delegate('[data-role="page"]', 'pagecreate', function () {

    //append a footer to this page (`pagecreate` is only called once per page added to the DOM so you don't have to worry about appending multiple footers to a single page
    $(this).append('<div data-id="my-fixed-footer" data-position="fixed" data-role="footer">{THE HTML FOR YOUR FOOTER GOES HERE}</div>');
});

这是一个演示：http://jsfiddle.net/vNqaG/ （请注意，HTML 窗格中没有硬编码的页脚）

Answer 2

如果您在 Web 应用程序中使用数据库，则只需将页脚 html 添加到数据库中，并在每个页面上使用 PHP 加载它即可。首先，您必须将 PHP 硬编码到每个页面中，但之后更改页脚只需快速编辑数据库即可。查找 MySQL/PHP。