i18n实现前端国际化

所属分类:输入-自动完成

 18691  268  查看评论 (34)
分享到微信朋友圈
X
i18n实现前端国际化 ie兼容9

注:加载了外部json数据文件,本地预览会有跨域问题,需要在服务端运行。

更新时间:2019-05-11 12:42:25

更新说明:i18n实现前端国际化,页面的多语言切换,本例切换了中英文,运用cookie存取使得刷新页面仍然保持当前语言

jquery.backstretch实现北京切换

Chart.js条形图表


1、通过请求不同的语言文件,达到国际化前端的效果;
2、本例仅简单配置了中英文另种语言,有兴趣的朋友可以配置更多的语言;
3、data-i18n属性类似于text()方法,不能识别语言文件中含有html标签的字符串;
4、data-i18n=“[alt]alt属性的字符串名称;[title]title属性的字符串名称”可以同时给元素添加alt属性和title属性;
5、data-i18n-html属性类似于html()方法,可以识别语言文件中含有html标签的字符串;
6、通过存取cookie使得刷新页面不改变当前页面语言;

相关插件-自动完成

jquery输入框邮箱下拉智能提示

jquery输入框邮箱下拉智能提示
  自动完成
 27971  322

淘宝数量增加

这个插件是可以不断增加数量的,还会有对应 的增加
  自动完成
 24231  310

jQuery移动端购物车功能(原创)

jQuery移动端购物车结算
  自动完成
 17888  265

简易计算器自适应移动端

采用逆波兰表达式实现的简易计算器
  自动完成
 13399  222

讨论这个项目(34)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    专属 0
    2020/4/21 20:11:41
    IE 浏览器好像不行呢,求教!
        专属0
        2020/4/21 20:14:30
        IE 11
    回复
    凉音 0
    2020/4/9 23:36:18
    为什么一直找不到创建的i18n文件呢 回复
    陌上倾城 0
    2020/4/9 15:38:44
    您好 ,如何根据语言不通切换 样式文件和 图片呢? 回复
    王笑笑 0
    2019/11/18 17:56:18
    作者我又来了,这次是我下载到本地后点击中英文两个按钮发现并不能切换语言
        王笑笑0
        2019/11/18 17:57:50
        哦哦 我知道了
    回复
    小蚂蚁 0
    2019/11/5 17:34:42
    本地打不开
        areyouOk0
        2019/11/5 17:44:18
        注意看说明
    回复
    Moon 帅帅 0
    2019/10/28 14:21:31
    弹窗里面怎么使用呢?
        路尔轩0
        2019/11/11 14:32:08
        我没有测试过在弹窗里怎么使用,应该可以封装到弹窗的插件里,用法没有差别
    回复
    LiMinal 0
    2019/10/18 14:26:33
    跨域问题没解决 回复
    TangCuMuou 0
    2019/9/18 15:49:48
    jquery.min.js:2 Access to XMLHttpRequest at 'file:///D:/GoogleDownload/jqueryi18next/locales/zh/translation.json' from origin 'null' has been blocked by CORS policy: Cross origin requests are only supported for protocol schemes: http, data, chrome, chrome-extension, https.
    下载到本地直接报错了 回复
    Andy 0
    2019/8/14 13:45:40
    牡丹花下做死鬼 0
    2019/8/6 11:51:45
    不好用 报一堆错 都不知道是什么鬼
        路尔轩0
        2019/8/17 11:46:22
        你把你的报错贴出来
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复