隐藏JqueryMobile中的Header与Footer

最新推荐文章于 2020-07-01 10:07:47 发布

原创最新推荐文章于 2020-07-01 10:07:47 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

JavaScript 同时被 2 个专栏收录

136 篇文章

订阅专栏

JQuery

19 篇文章

订阅专栏

本文介绍了一种使用jQuery插件隐藏页面中带有特定角色属性的Header和Footer的方法。通过调用hide API实现，适用于希望精简用户界面的设计者。

<script type="text/javascript">

   $(function () {
       //考虑你header和footer都存在
       var activePage = $.mobile.activePage;
       var activePagefixed_h = $("[data-role=header]").fixedtoolbar();
       var activePagefixed_f = $("[data-role=footer]").fixedtoolbar();
       //调用插件的hide api       activePagefixed_h.hide();       activePagefixed_f.hide();   });</script>