Jquery placeholder国际化,支持中英文展示。
Html:
<input type="text" id="user-name" name="UserName" placeholder="您的称呼">
JS:
$.i18n.properties({name: 'lang', //资源文件名称 , 命名格式: 文件名_国家代号.propertiespath: 'i18n/', //资源文件路径,注意这里路径是你属性文件的所在文件夹,可以自定义。mode: 'map', //用 Map 的方式使用资源文件中的值language: lang, //这就是国家代号 name+language刚好组成属性文件名:strings+zh -> strings_zh.propertiescallback: function () {$("[data-locale]").each(function () {$(this).html($.i18n.prop($(this).data("locale")));$("#user-name").attr("placeholder",$.i18n.prop('test.name'));});}});
JSON:
zh.json
"test":{"name":"音乐宇",},
en.json
"test":{"name":"yinyueyu",},
Jquery placeholder国际化,支持中英文展示。相关推荐
- jquery.placeholder.min.js让你的IE浏览器支持placeholder
2019独角兽企业重金招聘Python工程师标准>>> jquery.placeholder.min.js让你的IE浏览器支持placeholder http://www.ijque ...
- Spring Boot国际化支持
文章目录 添加Maven支持 LocaleResolver LocaleChangeInterceptor 定义Message Sources Controller文件 html文件 运行应用程序 S ...
- Spring Boot 架构中的国际化支持实践—— Spring Boot 全球化解决方案
背景 Spring Boot 主要通过 Maven 或 Gradle 这样的构建系统以继承方式添加依赖,同时继承了 Spring 框架中的优秀元素,减少了 Spring MVC 架构中的复杂配置,内置 ...
- 搭建基于飞桨的OCR工具库,总模型仅8.6M的超轻量级中文OCR,单模型支持中英文数字组合识别、竖排文本识别、长文本识别的PaddleOCR
介绍 基于飞桨的OCR工具库,包含总模型仅8.6M的超轻量级中文OCR,单模型支持中英文数字组合识别.竖排文本识别.长文本识别.同时支持多种文本检测.文本识别的训练算法. 相关链接 PaddleOCR ...
- qt linux 国际化,多语言,配置CLion管理Qt项目国际化支持
随着Qt 6的发布,cmake也正式宣告接管qmake的工作了. 在之前的一篇博客里我介绍了如何使用cmake管理你的qt项目,不过有一点我没有讲,那就是对国际化(i18n)的处理. 今天我们就来介绍 ...
- html 图片放大缩小轮播,jQuery左右滚动支持图片放大缩略图图片轮播代码分享
本文实例讲述了jQuery左右滚动支持图片放大缩略图图片轮播效果.分享给大家供大家参考.具体如下: 这是一款基于jQuery实现的左右滚动支持图片放大缩略图图片轮播效果,常用的jQuery图片左右轮播 ...
- 为React应用添加国际化支持
国际化一般可分为以下几个挑战: 1.检测用户的语言环境; 2.翻译UI元素.标题和提示; 3.提供特定于地区的内容,如日期.货币和数字. 在本文中,我将只关注前端部分.我们将开发一个简单的通用Reac ...
- JavaScript 国际化,货币展示与选定时区日期展示
JavaScript 国际化,货币展示与选定时区日期展示 accounting.js accounting.js 可以指定法币符号,法币值,保留精度,千位分割符,小数分割符,法币单位. 简单用例如下: ...
- springboot国际化实现中英文转换
国际化即支持中英文转换功能,按照下面流程实现! 此时点击text切换就可以看到三份文件,默认语言,英文语言,中文语言. 在配置文件中添加上路径. 写一个国际化组件 package com.demo1. ...
最新文章
- 理解与使用Javascript中的回调函数
- Vue 2.0 v-for 响应式key, index及item.id参数对v-bind:key值造成差异研究
- 查询作者名长度大于8的 sql语言_从零学会SQL-入门
- Sass与Compress实战:第一章
- 数据结构/排序/归并排序/二路归并排序
- [转载] 七龙珠第一部——第016话 寻找石头的功夫
- 2021广州城市信息模型(CIM)白皮书发布
- CM3基础(持续更新)
- 1.大数据之EKL平台搭建以及使用
- 辨别DVI接口连接线三种类型五种规格
- 人体属性检测与深度实战
- 只转不评:112家IT公司薪水一览表
- 【转载】HTML之图像的处理(六)
- c++求先序排列 [NOIP2001 普及组]
- Ubuntu安装和使用飞书 feishu 5.2.0
- 过检大马下载webshell,360,安全狗。。。
- HTML5期末大作业:明星个人网站设计——权志龙(10页) 含设计报告HTML+CSS++JavaScript 个人网站模板下载 大学生简单DW个人网页作品代码 个人网页制作 学生个人网页
- 试用开源标注平台 Label Studio
- 极光笔记 | 极光PUSH服务助力企业提升抢单速度
- 服务器主机硬件介绍,服务器硬件维护常识
热门文章
- win7 mysql 密码_win7旗舰版下MySQL的密码忘记怎么办?
- 嵌入式开发需要什么技术
- nvidia 服务器芯片组,nVIDIA发布nForce Professional芯片组
- 16.04安装1080ti驱动
- 2022抢先版数字藏品NFT平台|竞拍转拍藏品拍卖分级交易中心支持小程序APPH5三端
- bios无法识别usb键盘问题解决备忘
- 404单页带时间访问一次自动更换壁纸
- Java实现 蓝桥杯VIP 算法提高 打水问题
- 在支付圈里混不懂这些行业术语 都没脸说自己是做支付的!
- 二级计算机小知识,【学习小知识】--计算机二级office如何考优秀?