Use部分,页眉和页脚的标签,而不是数据作用

乔恩·里德在他的jQuery Mobile的书有使用HTML5标签的好主意:

<section data-role="page"> <header data-role="header"> <nav data-role="navbar"> <div data-role="content"> <footer data-role="footer">

问:是否有可能对我来说,摆脱了数据角色=“页面”,“头”的,“导航”,“页脚”如果我使用一节,页眉和页脚的标签? 也许我可以放一点JS善良的jQuery Mobile的加载之前。

理论上,如果我说这个加载jQuery Mobile的面前,它的工作:

$('header').attr('data-role','header');

嗯......我可能有应用,虽然这个属性之后刷新的元素。 或者触发create方法。

--------------解决方案-------------

我的jQuery Mobile的的JavaScript之前:

$('section').attr('data-role','page');
$('article').attr('data-role','content');
$('header').attr('data-role','header');
$('nav').attr('data-role','navbar');
$('aside').addClass('ui-li-aside');
$('ul').not('nav > ul').not('.nolst').attr('data-role','listview').attr('data-inset','true');
$('ol').not('nav > ol').attr('data-role','listview').attr('data-inset','true');;
$('a').not('li > a').not('.nobtn').attr('data-role','button');
$('footer').attr('data-role','footer');

我不建议删除数据角色=“页面”(这是必要的AJAX导航),以及其它标签可以运行

$(":jqmData(role='page')").live('pagebeforecreate', function(){
var $page=$(this);
$page.find("header:not([data-role])").attr('data-role', 'header');
$page.find("nav:not([data-role])").attr('data-role', 'navbar');
$page.find("footer:not([data-role])").attr('data-role', 'footer');
}

分类:jQuery Mobile的 时间:2012-01-01 人气:0
本文关键词: jQuery Mobile的
分享到:

相关文章

  • 如何创建使用jQuery Mobile页面内的对话? 2012-01-02

    这里是我的代码. 我动态地建立20个问题. 所以,我需要为他们每个人的对话. 这是一个移动应用程序,使用jQuery Mobile的构建. 所以,我更喜欢使用jQuery Mobile的对话框功能. 我知道肯定是可以做到的,只是不知道如何. <div data-role="page" id="Survey"> <div class="quest"> @Html.DisplayFor(modelItem => item

  • 使用jQuery Mobile的.slideToggle()问题 2012-01-02

    我试图让我的导航工作作为一个下拉元素. 它完美切换,但我遇到的问题是,当我去到一个新的"部分ID"它显示的导航元素完全展开. 这是我目前在我的头: <script type="text/javascript"> $(document).ready(function(){ $('div#menuBar').hide(); $('a#menu').click(function(){ $('div#menuBar').slideToggle('fast');

  • 生成ajax'd数据角色jQuery Mobile的造型 2012-01-03

    我使用jQuery Mobile的... 我有一个按钮(数据角色="按钮"),它调用JavaScript函数执行一些Ajax. 这阿贾克斯然后添加一些HTML页面. 返回的HTML有一个数据的角色就可以了="按钮",但它不是在正确的jQuery Mobile的造型回来了. 任何想法如何让AJAX以正确的造型返回jQuery没有实际的jQuery的类staticly投入? 我会perfer使用数据角色的一致性. --------------解决方案----------

  • jQuery Mobile的关于PHP扩展 2012-01-03

    这似乎有点奇怪的问题,但在这里不言而喻反正. 没有任何理由,为什么我的jQuery Mobile的页面不能有扩展名.php? 谢谢 --------------解决方案------------- 我已经试过了几个星期前,而据我记得它与PHP扩展没有问题的工作

  • 它是一种方法,使固定在顶部jQuery Mobile的头列表分隔? 2012-01-05

    有没有办法让jQuery Mobile的分表头中固定在页面的顶部,直到下一个字母或列表分隔出现,并在iPhone的UITableView取代它的位置,什么样的? (http://jquerymobile.com/test/docs/lists/lists-divider.html,列表分隔不留在顶部,而是上下滚动的页面.​​) 我已经上搜索SO(http://stackoverflow.com/questions/7814088/how-to-make-jquery-mobile-list-di

  • PHP如何检测jQuery Mobile的A级浏览器服务器端? 2012-01-06

    我想排除我的头中的jQuery Mobile的JS库时,手机没有如jQuery Mobile的上市"A级"支持(http://jquerymobile.com/gbs/). 我发现,老黑莓手机(即支持JS)的JQM框架研这些手机到蜗牛速度. 作为一个例子这些家伙在做服务了jQuery Mobile的图书馆一份好工作,根据不同的移动浏览器支持相关的样式:demo.livebookings.biz 我如何能实现类似的服务器端方法,这样我可以选择何时包含JS文件(如JQM框架)以及任何CSS

  • 谷歌地图实例jQuery Mobile的应用dissapearing 2012-01-06

    我建立使用jQuery Mobile的一个Rails 3应用程序,我面临的一个主要问题. 在我的申请,我有很多意见,并在每个视图我显示谷歌地图的地图. 现在的问题是下一:当我的首次意见之一输入,地图呈现良好. 但是,如果我在另一个视图进入,地图上没有再出现. 一切看起来就可以了吧(在执行JavaScript代码,我没有任何错误). 如果我刷新当前页面的地图再次出现. 你有什么想法可能我为了解决这个问题呢? 非常感谢你! --------------解决方案------------- 我强烈建议你

  • jQuery Mobile的列表视图背景颜色 2012-01-07

    我如何可以调整jQuery Mobile的列表视图项的背景颜色? 基本上我想一个用户点击一个项目,有它,只有它突出,很简单的,所以我想. 我想这可能实现它(.groupList是一个无序列表与类). 该事件被触发,但没有改变. $(".groupList li").bind('click', function() { logger.debug("list row click"); $(this).closest("li").siblings().

  • 如何检查过渡名称是jquery.mobile有效吗? 2012-01-07

    我有一个接受的过渡名称作为参数,并将其传递到jquery.mobile改变网页JavaScript方法: $.mobile.changePage(renderedPage, { transition: transition, reverse: reverse }); 现在,我需要检查,如果传递给我的方法转换名称是一个有效的过渡. (这是因为无效的转换名称会导致.changePage()方法中休息) 我浏览jquery.mobile的源代码,但无法找到包含所有名字转型或过渡处理程序的集合. 任何人

  • jQuery Mobile的URL追加问题 2012-01-09

    我使用jQuery Mobile的导航栏做我的导航一页一页(或从今晚细节在这种情况下). 我的基本网址为: http://192.168.1.104/mobile/tonight.html 我试图从使用下面的代码我基地网址导航: <a href='detail.html?id=slide&place=" + data.Places[i].id + "' data-transition='slide' class='ui-link-inherit'>" +

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 0.361 (s). 10 q(s)