i18n实现前端国际化

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

 31858  362  查看评论 (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使得刷新页面不改变当前页面语言;

相关插件-自动完成

获取当前光标位置

能够获取表单元素中当前光标的位置.在插入表情等情景下会用到
  自动完成
 31961  327

jQuery IP地址输入插件

jQuery IP地址输入插件兼容ie6,代码注释全
  自动完成
 15807  217

jQuery实现仿搜索引擎文本框自动补全插件

jQuery实现仿搜索引擎文本框自动补全插件
  自动完成
 36963  400

jquery聊天机器人

是一个会聊天的机器人还可以发表情哦
  自动完成
 50263  411

讨论这个项目(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😀
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复