UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

i18n实现前端国际化

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

 30383  361  查看评论 (45)
分享到微信朋友圈
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使得刷新页面不改变当前页面语言；

相关插件-自动完成
查看更多

剩余字数

 1.实时计算剩余字数；2.超过最大字数输入无效；3.兼容手机输入；4.jQuery版；
  自动完成
 27774  375

jQuery移动端购物车功能（原创）

 jQuery移动端购物车结算
  自动完成
 25661  352

原生js简易计算器（原创）

 模仿手机里面自带的计算器进行开发的计算器，代码注释全。
  自动完成
 5863  70

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

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

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

    雾里看花? 0
    2022/12/10 10:58:42
    请问有完整的教程吗？
    回复
    Tlink 0
    2021/5/8 11:55:41
    问一下，F12 报错json文件 找不到
        45°天空0
        2022/3/15 11:34:56
        遇到相同的问题，请问怎么解决的呢
    回复
    ? Down 0
    2021/3/20 19:03:46
    大佬在吗 求助 新建了另一种语言报错There is a typo in: ./locales/my/translation.json 回复
    大佬 0
    2020/11/18 16:08:56
    问一下，F12 报错json文件 找不到 回复
    专属 0
    2020/4/21 20:11:41
    IE 浏览器好像不行呢，求教！
        专属0
        2020/4/21 20:14:30
        IE 11
        Tlink0
        2021/5/8 13:34:51
        IE 9 10 11
        与你.0
        2021/7/2 16:06:46
        IE 9 10 11
        sun＆joe0
        2021/11/3 17:47:56
        支持IE9及以上版本
    回复
    凉音 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
        我没有测试过在弹窗里怎么使用，应该可以封装到弹窗的插件里，用法没有差别
        qzuser0
        2023/11/7 16:13:10
        1😀
    回复
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复