在引导弹出窗口中更改数据内容答案

【问题标题】：Change data-content in a bootstrap popover在引导弹出窗口中更改数据内容
【发布时间】：2015-10-19 15:03:02
【问题描述】：

我真的是编码新手，我已经搜索了一些试图找到答案，我觉得有一个非常简单的方法可以做到这一点，但我发现我无法理解的答案。

我有这个显示弹出框的示例。

<span data-toggle="popover" title="Test" data-content="Test"
id="test">popover</span>

我想更改我的 JavaScript 文件中 data-content 的内容

我试过了，但它似乎不起作用。

document.getElementById('test').setAtribute('data-content','hello');

【问题讨论】：

不是因为你拼错了setAttribute 是吗？
很尴尬，似乎就是这样......谢谢！大声笑。
酷，我添加了一个答案，解释了一些效果。如果它回答了您的问题，请随意选择它作为答案。而且，欢迎使用 StackOverflow！

标签： javascript jquery twitter-bootstrap popover

【解决方案1】：

当您使用 jquery 时，请尝试如下所示设置内容的值，

$('#test').data('content', 'hello');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span data-toggle="popover" title="Test" data-content="Test"
id="test">popover</span>

【讨论】：

【解决方案2】：

Javascript 可能是一个危险的工具...如果您编写的不是有效的 Javascript，它可以并且会默默地什么都不做。

所以这一行： document.getElementById('test').setAtribute('data-content','hello');

在“SetAttribute”中有一个拼写错误，它试图调用一个实际上并不存在的函数（因为它拼写错误），所以它什么也不做。

调试的第一步：仔细重新阅读你的代码！

【讨论】：