欢迎光临缘震官方网站
缘震优势

jQuery Mobile提供了哪些可配置选项?

2013-02-01 00:00:00

上海缘震网络有限公司在前面的文章中我们上海网页设计就提到,jQuery Mobile是采用HTML5标准的data属性来驱动元素生成各种界面组件的。实际上,jQuery Mobile不仅提供上述这些方面的功能,还在JavaScript可编程方面提供更多的可配置、可定制的参数和方法。

 

    同样,作为基于jQuery的jQuery Mobile移动框架,它也提供了一个类似的事件。当jQuery Mobile开始运行时,它会在document对象上触发一个mobileinit事件。我们可以通过该事件重写默认的相应函数,配置各种属性参数。

 

    使用方法如下:

 

$(document).bind("mobileinit",function(){
        //在这里添加用户自定义的代码
});

 

    由于mobileinit事件在运行jQuery Mobile的时候会立即触发,因此如果我们需要编写自定义事件就必须在mobileinit事件之前进行。因此自定义事件的JavaScript文件的导入位置,就必须在jQuery类库文件之后,jQuery Mobile类库文件之前。

 

     例如:

 

<script src="jquery.js"></script>
<script src="自定义事件处理函数js文件.js"><script>
<script src="jquerymobile.js></script>

 

    jQuery Mobile为开发者提供了一个对象:$.mobile。该对象的作用是配置各种选项及其默认值。

 

    例如:

  

$(document).bind("mobileinit",function(){
        $.mobile.foo = "foo";
});

 

    除了上述通过$.mobile.foo 的点语法对某个属性值进行初始化以外,还可以使用jQuery自带的方法$.extend通过继承方式对属性值进行初始化。

 

$(document).bind("mobileinit",function(){
        $.extend($.mobile,{
   foo:"foo"
  });
});

 

     jQuery Mobile提供了非常多的可配置选项。 

 

 1.ns
 类型:字符串,默认值是空字符串。
 用法:$.mobile.ns = "mynamespace"
 描述:自定义命名空间,避免命名空间冲突。使用方法是通过指定data-属性来自定义命名空间。当指定了ns值时,data属性所对应的自定义命名空间属性名就是data-mynamespace-foo。通常情况下,当开发者需要开发一套自定义主题样式时才需要使用该选项。

 

 2.autolnitializePage
 类型:布尔值,默认值是true。
 用法:$.mobile.autoInitializePage = false
 描述:默认情况下,当页面DOM元素准备就绪后,程序会自动加载autolnitializePage函数。如果autolnitializePage选项被设置为false,页面就不会被立即渲染,并保持隐藏状态,一直到人工调用$.mobile.initializePage 函数后才会渲染各种页面和视图组件。

 

 initializePage函数是jQuery Mobile框架的内部初始化函数,该函数的主要功能是在DOM元素中查找和增强页面中的各个视图,并指定默认显示的第一个视图。

 

 3.subPageUrlKey
 类型:字符串,默认值是ui-page。
 用法:$.mobile.autoInisubPageUrlKey = "page"
 描述:该参数的主要功能是改变jQuery Mobile视图在URL地址中的key参数名,STRONG>上海网站设计举例:example.html?ui-page=subpage。当选项参数改成subPageUrlKey-"page"时,其url地址会被改为example.html?page=subpage。

 

 当ui-page的值是一个URL地址时,jQuery Mobile框架会发送一个Ajax请求,并返回显示该URL页面。

 

 4.activePageClass
 类型:字符串,默认值是ui-page-active。
 用法:$.mobile.activePageClass = "ui-ns-page-active"
 描述:该选项参数参数的主要功能是自定义活动状态页面和过渡状态时的视图CSS样式。

 

 5.activeBtnClass
 类型:字符串,默认值是ui-btn-active。
 用法:$.mobile.activeBtnClass = "ui-ns-page-active"
 描述:该选项参数的主要功能是自定义处于活动状态的按钮的样式风格。

 

 6.ajaxEnabled
 类型:布尔值,默认值是true。
 用法:$.mobile.ajaxEnabled = false
 描述:该选项参数的作用是设置当单击链接或提交表单或按钮时,是否使用Ajax方式加载页面或提交数据。默认情况下,jQuery Mobile采用Ajax请求,而采用传统的HTTP方式请求跳转或提交方式。

 

 7.hashListeningEnabled
 类型:布尔值,默认值是true。
 用法:$.mobile.hashListeningEnabled = false
 描述:设置jQuery Mobile是否自动监听和处理location.hash的变化,如果设置为false,可以使用手动的方式处理hash的变化,或者简单的使用链接地址进行跳转。

 

 8.defaultPageTransition
 类型:布尔值,默认值是true。
 用法:$.mobile.defaultPageTransition = "fade"
 描述:该选项菜熟的作用是设置页面切换默认的效果。如果设置none,页面切换时将不会有效果。可选的切换效果包括:slide(左右划入)、slideup(由下向上滑入)、slidedown(由上向下滑入)、pop(由中心展开)、fade(渐显)、flip(翻转)。

 

 9.touchOverflowEnabled
 类型:布尔值,默认值是false。
 用法:$.mobile.touchOverflowEnabled = true
 描述:是否使用设备的原生区域滚动特性。目前除iOS5外,大部分设备还不支持原生的区域滚动特性。

 

 10.defaultDialogTransition
 类型:字符串,默认值是pop。
 用法:$.mobile.defaultDialogTransition = "none"
 描述:该选项设置Ajax对话框的弹出效果,若设置为none,则没有过渡效果。其可选的效果和defaultPageTransition属性相同。

 

 11.minScrollBack
 类型:字符串,默认值为150。
 用法:$.mobile.minScrollBack = "200"
 描述:当滚动超出所设置的高度时才会出发滚动位置记忆功能。当滚动高度没有超过所设置的高度时,后腿到该页面滚动条会到达的顶部。通过设置该选项的数值来减小位置记忆的数据量。

 

 12.loadingMessage
 类型:字符串,默认值是loading。
 用法:$.mobile.loadingMessage = "加载中"
 描述:设置页面加载状态的文本内容。如果设置为false,则不会显示任何内容。

 

 13.pageLoadErrorMessage
 类型:字符串,默认值是Error Loading Page。
 用法:$.mobile.pageLoadErrorMessage = "页面加载失败"
 描述:设置当Ajax请求页面失败时显示的提示文本内容。

 

 14.gradeA
 类型:布尔值,默认值是$.support.mediaquery的值。
 用法:$.mobile.gradeA
 描述:当浏览器复合所有支持的条件时才会返回true。默认返回$support.mediaquery的值。

 

     上面介绍了jQuery Mobile 1.0bata3版本中提供个可配置参数选项,由于该版本仍然是一个beta版本,因此上海网页设计认为这类配置参数可能会随着后续版本的更新而发生变化,例如有可能在下一个版本中发现某些配置选项已经被抛弃或者会新增更多的配置选项等。

一码通天下有多难?

多码互认成难题
 
除了推广方面的障碍。健康码互认的难点还在于,各地疫情防控形势和政策的不同。
 
早在 3 月 7 日,国家卫生健康委人口家庭司司长杨文庄曾就「健康码」不通用一事可能产生的多方面原因进行了回应。
 
杨文庄表示,首先,目前不同省份的风险等级、响应级别和防控要求不同。其次,各地「健康码」生成的标准不一,有的对接国家平台的查询接口,有的依据当事人的出行轨迹,有的依据体温自报。
 
健康码只能证明受检者当时的状况,如何确认返工人员当下的健康状况、以及避免返工途中的染病风险,是互认健康码之前必须考虑的问题。
 
纵观全国各省推出的健康码,大多存在名称不一易混淆、各地对健康码生成标准不统一的情况,这些都为推动互认埋下了难题。
 
健康码已出现省级和市级的版本,名称各不相同。例如,在广东省就有三种健康码,广东省的「粤康码」和广州市的「穗康码」以及深圳「深 i 您」。在江苏省就有多个健康码,比如江苏「苏康码」、南京「宁归来」、苏州「苏城码」、无锡「锡康码」等。
 
各地对健康码生成标准不一。以杭州为例,在系统分析完个人信息后,会得到一种颜色码。其中,绿码可以在市内通行,红码和黄码分别要实施 14 天和 7 天的集中或居家隔离,在此期间连续申报健康打卡正常后,才能转为绿码。以陕西为例,近 14 天内和确诊患者有密切接触的人员要判红码。
 
由于各省份的疫情防控形势不同,各省份通常需要因地制宜,从而导致各地健康码的生成标准不一致。此前就有网友反映,自己所在的无锡市存在不推广、不推荐三省一市互认的「苏康码」的情况,各码在省内互通互认依然很艰难。
 
虽然健康码仍存在因地制宜地的情况,但国家依旧在政策层面对健康码打开了「绿色」通道,为各地健康码互通互认创造空间。
 
3 月 18 日,中共中央政治局常务委员会会议指出,低风险地区之间的人员和货物流动,必要的健康证明要做到全国互认,不得再设置障碍,不对人员采取隔离措施。这一政策对于复工复产人员利好,尤其对于在鄂处于低风险区域的省外务工人员。
 
与此同时,国务院电子政务办和国家卫生健康委也提供了三种各地跨省份互认共享的路径。
 
第一种,在不改变地方现有的健康通行码的情况下,通过跨地区防疫健康信息的数据共享,支持互认。第二种,在各地健康通行码与全国一体化平台的防疫信息码对接,以全国一体化平台上的防疫信息码为中介进行转换,从而实现跨地区的健康通行码互认。第三种,对没有建立本地健康通行码的地区,可以直接采用全国一体化平台上的防疫信息码。同时,结合本地的防疫健康相关信息,实现跨地区的互通互认。
 
这三种方式已经在推进当中。据悉,多地「健康码」已经签署互认协议,比如浙江与河南、海南,重庆与贵州、四川,四川与广东、浙江、云南等 10 省市。同时京津冀早已 3 月初已提出互通互认机制。前几日,杭州、深圳也纷纷与湖北互认。
 
目前互认的省份大多为互邻省份,地区之间衔接紧密,推动互认也有利于地区之间的经济往来。互认省份大多属于同一技术开发方,比如浙江、海南和河南健康码的技术提供方为阿里。
 
由于各省份健康码之间的差异较大,地方政府一般会要求务工人员在返工前先自己和输入地居委会和相关部门联系,才能确认是否可以健康码互认。
 
 
一码通还要多久?
 
从疫情开始到现在,由阿里和腾讯提供技术支持的健康码从杭州和深圳脱颖而出,再到慢慢跑遍全国,覆盖人数之多。健康码推广将近两个月,重新复盘健康码的推广节奏以及落地成效,仍有存在一些问题。
 
在微博「健康码」话题之下,有不少人反映健康码存在变色问题。据报道称,杭州一位徐女士发现自己的防疫健康码无故变红,导致自己被隔离,影响自家店铺开张,同时承担房租损失。
 
后来徐女士查明原因后发现,由于她的漫游信息显示,她在湖南吉首老家期间,也曾到访过湖北恩施。吉首与恩施相邻,她接收到了恩施的信号,才导致了这样的判定结果。
 
健康码之所以会变色,主要是各地对红黄绿码的判定标准不同。
 
就杭州而言,判定标准主要与三个维度有关:一是空间维度,某人所在地区的疫情风险程度;二是时间维度,某人去过疫区的次数和时间长短;三是人际关系维度,某人密切接触人员的状态等。这些指标量化打分,最终形成三色码。


真是上有政策下有对策,绿地下面的小区物业,不管是什么码都不行,要办绿地的码才行,真是搞人,就不让进保安还超级咆哮,说不管你是什么码都不行,且说一切都不能凌驾于法律之上,他们真是搞笑,还真会利用法律法规,把老百姓的方便全然不顾!!


版权所有:上海缘震网络科技有限公司
备案号:沪ICP备15001555号