jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery mobile data-page =’content’仅限转换大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在尝试使用PhoneGap和jQuery Mobile开发iPhone应用程序.这个程序有一个固定页脚.

我现在面临的主要问题是内置页面转换会改变整页,要求我在每个页面中复制/粘贴页脚代码.

显然,这不是这样做的方法.页脚的任何小变化都必须重复10次(10页).

我的问题如下:如何只加载页面的“内容”部分(使用幻灯片转换),所以我不必在我的所有页面中都有代码

解决方法

jQuery Mobile尚未提供该功能.您可以在iOS 5设备上打开“真实”固定页脚和固定页眉的touchOverflowEnabled选项,但不能打开任何其他设备.

资料来源: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窗格中没有硬编码的页脚)

大佬总结

以上是大佬教程为你收集整理的jQuery mobile data-page =’content’仅限转换全部内容,希望文章能够帮你解决jQuery mobile data-page =’content’仅限转换所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。