小编Hor*_*kos的帖子

我正在使用bootstrap 5制作一个简洁的画廊，我想知道如何在 HTML 中不使用“data-bs-...”的情况下触发 bootstrap 模式（以避免重复这些 data- 属性 50 次）。

我设法获得了源代码的完整功能 javascript，但 .modal() 函数和 .show() 函数似乎不起作用。事情是这样的：

function gallery(_src) {
var fullPath = _src;
var fileName = fullPath.replace(/^.*[\\\/]/, '');
var newSrc = "./assets/img/" + fileName;
document.querySelector("div#galleryModal img").src = "./assets/img/" + fileName;

document.getElementById("galleryModal").show(); }

我在最后一行 javascript 上被阻止了。目标：触发#galleryModal。

感谢您的阅读，感谢您的帮助！

我正在努力解决NextJS Typescript 项目中的next-i18next集成 - 几乎没有任何最近的示例。我已经配置了国际化路由，但只要getServerSideProps语法困扰我，我就无法正确设置 i18next 。

我对 Typescript 不太了解，也不熟悉类型声明。

代码如下所示，大部分是从 next-i18next 文档复制的：

### index.tsx

// rest of index.tsx...

export const getServerSideProps: GetServerSideProps = async ({locale}) => ({
  props: {
    ...await serverSideTranslations(locale, ['common', 'header']),
  },
})

export default Home

我的 IDE 中抛出有关“区域设置”的错误。尽管我正在使用 getServerSideProps，但我什至不确定它是否是大多数静态项目的最佳解决方案，但如果我最终计划使用 SSR，我似乎无法避免它。提供正确翻译的内容 + 具有匹配的 URL 区域设置的简单方法会很棒。