Javascript 从另一个HTML文件引导popover数据

我希望数据不是硬编码的，而是从html文件中检索数据，如果您愿意的话，可以使用模板。我该怎么做？假设我有另一个带有

和

的html文件，popover应该从中获取数据（popover的头/体）

$（文档）.ready（函数popover（）{
$（'[data toggle=“popover”]'）。popover（）；
});

假设您有这样一个模板：

标题
这是一个测试

然后将模板文件名作为

数据模板文件

属性添加到按钮标记中：

然后像这样初始化popover：

$（'[data toggle=“popover”]'）。popover({
是的，
内容：函数（）{
返回loadContent（$（this）.data（'templatefile'））
}
});

这是向前的一步。

loadContent（）

需要更加复杂。如果您使用jQuery解析内容，您将看到

标记被剥离。这是，而不是jQuery。但是，您可以使用

DOMParser

来准确提取要在popover中使用的标记：

函数加载内容（templateFile）{
返回$（''）.load（模板文件，函数（html）{
parser=新的DOMParser（）；
doc=parser.parseFromString（html，“text/html”）；
返回doc.querySelector（'h1'）.outerHTML+doc.querySelector（'body'）.outerHTML；
})
}

结果如下所示：

---

演示->

我担心我无法让它工作，您能用一个扑克牌或其他东西吗？谢谢，我将有午餐休息，我会等待您的答复。@BudaCristian-请看更新，马上工作-也许您有一些其他脚本错误阻止代码执行？这很有效，但是，如果我想从特定路径获取template.html，我该怎么做呢？@BudaCristian-？，您只需指定路径

data templatefile=“somedir/other/div/template.html”

<代码>数据模板文件=“../templates/template.html”等