【国际化】用JQuery-i18next的国际化demo，引入json

karshey

已于 2024-02-22 17:00:02 修改

阅读量629

点赞数 11

分类专栏：前端demo 文章标签： jquery json 前端

于 2024-02-21 15:30:40 首次发布

本文链接：https://blog.csdn.net/karshey/article/details/136212981

版权

前端demo 专栏收录该内容

12 篇文章 2 订阅

订阅专栏

参考：

使用 i18next 的 jQuery 国际化（i18n）渐进式指南 (locize.com)
i18next-http-backend/example/jquery/index.html at master · i18next/i18next-http-backend (github.com)
文档

可能需要解决一下跨域问题，因为浏览器读取本地文件：加载本地文件出现跨域解决方案 - 知乎 (zhihu.com)

先看效果：

在这里插入图片描述

代码：

<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<meta
			name="viewport"
			content="initial-scale=1.0,width=device-width,user-scalable=0,maximum-scale=1.0"
		/>
		<title>Document</title>
		<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/i18next/22.5.0/i18next.min.js"></script>
		<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-i18next/1.2.1/jquery-i18next.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/i18next-http-backend@1.3.2/i18nextHttpBackend.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/i18next-http-backend@1.3.2/i18nextHttpBackend.min.js"></script>
		<script src="https://cdn.jsdelivr.net/npm/i18next-browser-languagedetector@6.1.3/i18nextBrowserLanguageDetector.min.js"></script>
	</head>
	<body>
		<div data-i18n="[html]data"></div>
		<div data-i18n="data2"></div>
	</body>
	<script>
		i18next
			.use(i18nextBrowserLanguageDetector)
			.use(i18nextHttpBackend)
			.init(
				{
					debug: false,
					fallbackLng: "en",
					backend: {
						loadPath: "locales/en/demo.json",
					},
				},
				function (err, t) {
					jqueryI18next.init(i18next, $, { useOptionsAttr: true });
					$("body").localize();
				}
			);
	</script>
</html>

json：

{
	"data": "<b>data</b>",
    "data2":"data123"
}

karshey

关注

11
点赞
踩
11

收藏

觉得还不错? 一键收藏
打赏
0
评论
【国际化】用JQuery-i18next的国际化demo，引入json

【代码】【国际化】用JQuery-i18next的国际化demo，引入json。
复制链接

扫一扫

专栏目录

【国际化】用JQuery-i18next的国际化demo，引入json

“相关推荐”对你有帮助么？