欢迎光临缘震官方网站
案例库 | 彦蓁科技 | 新官网

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络

网站建设|网站设计|网站制作|上海网站建设|上海网站设计|上海网站制作- 缘震网络
精彩案例
精彩案例

地址: 上海市静安区共和新路4718弄10号楼2楼

热线:400-166-3538

电话:13122077371

邮箱:sales@shyuanzhen.cn

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

2013-02-01 00:00:00

0
上海缘震网络有限公司在前面的文章中我们上海网页设计就提到,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版本,因此上海网页设计认为这类配置参数可能会随着后续版本的更新而发生变化,例如有可能在下一个版本中发现某些配置选项已经被抛弃或者会新增更多的配置选项等。

网站做好后需要做哪些后续工作?

网站做好后,有许多后续工作需要进行,包括日常维护、优化推广及安全管理等,具体如下: ### 网站维护 - **内容更新**:定期发布新的文章、产品信息、图片、视频等内容,保持网站的新鲜感和吸引力,让用户持续关注。例如电商网站要及时更新商品信息,包括新品上架、促销活动等;企业网站要适时发布公司新闻、行业动态等。 - **页面检查**:定期检查网站页面,确保页面布局合理、显示正常,无错乱、变形等问题。同时,要检查链接是否有效,避免出现死链或错误链接,影响用户体验。 - **性能优化**:关注网站的加载速度,通过优化代码、压缩图片、缓存数据等方式,提高网站的访问速度。此外,要确保网站在不同设备和浏览器上都能正常显示和流畅运行,做好兼容性测试和优化。 ### 网站推广 - **搜索引擎优化(SEO)**:通过优化网站的关键词、元标签、内容结构等,提高网站在搜索引擎结果页面中的排名,增加自然流量。这包括研究和选择合适的关键词,合理布局在网站的标题、描述、正文等位置,同时建立高质量的外部链接,提升网站的权重。 - **社交媒体推广**:利用社交媒体平台宣传网站,分享网站内容,吸引用户点击访问。根据目标受众选择合适的社交媒体平台,如微信、微博、抖音等,制定相应的社交媒体营销策略,与用户进行互动,提高品牌知名度和网站流量。 - **广告投放**:根据网站的目标和预算,选择合适的广告渠道进行投放,如搜索引擎广告(如百度竞价排名)、社交媒体广告(如微信朋友圈广告)、信息流广告等。通过精准定位目标受众,提高广告的转化率和投资回报率。 ### 安全管理 - **数据备份**:定期对网站的数据进行备份,包括网站文件、数据库等。这样可以在遇到突发情况(如服务器故障、黑客攻击、数据丢失等)时,能够及时恢复数据,减少损失。 - **安全防护**:采取有效的安全措施保护网站安全,如安装防火墙、防病毒软件,定期更新网站程序和插件,修复安全漏洞,防止黑客攻击、恶意软件入侵等安全问题。同时,要加强用户信息保护,确保用户数据的安全和隐私。 - **监控与应急处理**:建立网站监控机制,实时监测网站的运行状态、流量变化、安全事件等。一旦发现异常情况,能够及时采取应急处理措施,如封锁异常IP、恢复数据、修复漏洞等,保障网站的正常运行。 ### 用户体验优化 - **收集用户反馈**:通过在线问卷、留言板、客服咨询等方式,收集用户对网站的意见和建议。了解用户的需求和痛点,以便针对性地进行优化和改进。 - **分析用户行为**:利用网站分析工具,如百度统计、Google Analytics等,分析用户的行为数据,包括访问量、浏览路径、停留时间、转化率等。通过分析数据,了解用户的使用习惯和偏好,找出网站存在的问题和优化空间,从而进行个性化的优化和改进,提高用户体验和转化率。 ### 运营与管理 - **制定运营计划**:根据网站的定位和目标,制定详细的运营计划,包括内容更新计划、推广计划、活动策划等。明确各阶段的工作目标和任务,确保网站运营有计划、有步骤地进行。 - **人员培训与管理**:如果网站运营涉及多个人员,需要对相关人员进行培训,使其熟悉网站的操作流程、内容管理系统、推广方法等。同时,要建立有效的管理机制,明确各人员的职责和分工,确保网站运营工作的高效协作。 - **预算与成本控制**:合理规划网站运营的预算,包括服务器费用、域名费用、推广费用、人员工资等。对各项成本进行监控和控制,确保在预算范围内实现网站的运营目标,提高资源利用效率。

缘震网络-互联网运营专家,专业建站十余年

联系我们


• xtb_dh.png 免费热线:400-166-3538

• xtb_dh.png 咨询电话:19301461038

• share_icon03.png 咨询QQ :63778992 

• share_icon02.png 微信咨询 : chunhua19820

• zx.png 直接咨询 

公司名称:上海缘震网络科技有限公司

开户银行:中国工商银行上海市彭浦支行

银行账号:1001 2508 0930 0206 455



总部:上海市奉贤区金海公路6055号29号3楼

分部:上海市静安区共和新路4718弄10号楼2楼

商务官网:www.shyuanzhen.cn

新官网:www.shyuanzhen.com

案例库:www.shyuanzhen.cc

彦蓁科技:www.shyanzhen.cn

缘震网络成立于 2014 年,公司主要经营全案策划,高端品质网站建设、多媒体视频宣传片制作、微信公众号开发、微信小程序开发、商城定制、SEO优化、电商托管、空间托管、网站维护、应用软件开发、手机端APP开发、等为客户提供一条龙网络运营解决方案的的技术型企业。我们在人力资源、业务范围、设计、技术、服务、信誉度、规范管理及企业文化等诸多方面完善自己,公司目前已与千余家各类客户进行长期战略合作,提供专业的网站建设与运营服务。我们的口号:广结良缘、震古烁今!

网站关键词:网站建设  网站设计  网站制作  上海网站建设  上海网站设计  上海网站制作  上海网络公司  网站建设上海  上海做网站  上海建设网站  上海做网站公司  上海建网站公司  上海高端网站建设  上海手机网站建设  怎么建设网站  如何建设网站  营销网站建设  品牌网站建设  网站建设方案  响应式网站建设  外贸网站建设  公司网站建设  建设网站  网站建设服务  高端网站建设  网站优化服务  上海网站公司  企业网站设计  官网制作  官网建设  官网设计  网站建设公司  网站设计公司  网站制作公司

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

免费热线:400-166-3538

在线客服