详解jQuery手机自定义标签
本文实例讲解了jQuery手机自定义标签,分享给大家供大家参考,具体内容如下规划产品国际化的需求时,涉及到个人电脑网络,移动Web,和各应用程序。设计了多个版本的移动网均不理想。由于移动网采用了jQuery手机框架,所以将切换语言放在哪个位置更合理进行了讨论。讨论的过程和多个方案我就不提了,先来看看最终效果:
是不是感觉很经验,这里一开始尝试了多次,最终自定义了一个下拉选项,代码如下:
!DOCTYPE html html head title jquery Mobile/title meta name=' viewport ' Content=' width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0 ' meta http-equiv=' Content-Type ' Content=' text/html;字符集=UTF-8 '元http-equiv='过期'内容='0 '元http-equiv='Pragma '内容='无缓存元http-equiv='缓存控制'内容='无缓存,必须重新验证元http-equiv='缓存'内容='无缓存'链接rel='样式表href=' jQuery/jQuery。移动一号。4 .4 .量滴' CSS '类型='text/css '脚本类型=' text/CSS ' Comfooter { position : absolute;底部: 0;左转:0高度: 40px宽度: 100%;}/style/head body div data-role=' page ' id=' page wel ' data-title='脚本差异数据-角色=“标题”数据-主题='b' a href='# '数据-角色='button' class='ui-btn-left '数据-图标='检查'测试/a h1 class=' title ' data-i18n=' global _ title '我们/h1!-具体代码-a href=' JavaScript : void(0);data-role=' none ' aria-has popup=' true ' class=' ui-BTN-right ' select class=' hupu _ i18n _ select ' data-icon=' check ' data-role=' button ' data-inline=' false ' data-native-menu=' false '选项值='zh-CN '简体中文/option选项值='zh-TW '繁體中文/option选项值='en'English/option选项值='ja '日本語/option/选择/a /div角色='main' class='ui-content '欢迎大家关注我们/div数据-角色='页脚'数据-主题=' b ' class=' Comfooter ' span style=' height : 40px;线高: 40px文本对齐:中心;显示器:块;font-size : 9px1213456/span /div /div /body /html以上就是关于jQuery手机自定义标签的相关介绍,希望对大家了解jQuery手机自定义标签有所帮助。
版权声明:详解jQuery手机自定义标签是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。