更改引导程序弹出窗口中的数据内容

时间:2015-10-19 15:03:03

标签: javascript jquery twitter-bootstrap popover

我真的很喜欢编码,我搜索了一下试图找到答案,我觉得有一个非常简单的方法可以做到这一点,但我找到的答案我无法理解。

我有这个显示popover的例子。

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

我想更改JavaScript文件中数据内容的内容

我尝试了这个,但它似乎不起作用。

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

2 个答案:

答案 0 :(得分:1)

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

&#13;
&#13;
$('#test').data('content', 'hello');
&#13;
<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>
&#13;
&#13;
&#13;

答案 1 :(得分:0)

Javascript可能是一个危险的工具......如果您编写的内容不是有效的Javascript,它可以并且将默默地做任何事情。

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

在'SetAt t ribute'中拼写错误,它试图调用一个实际上不存在的函数(因为它拼写错误),所以它什么都不做。

调试时的第一步:仔细阅读您的代码!