0

我正在使用 balloon.css 作为工具提示。

元素上的工具提示文本来自自定义属性“数据气球”。

我想动态加载工具提示的文本。

我可以通过 jquery 更改它，但新文本不会在显示的 html 上呈现。

这是我的代码：

下面的 HTML 代码提及：

<div id="instruction_div_main" data-balloon="Original text"></div>

Jquery代码提及如下：

alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "Original text"

$("#instruction_div_main").attr("data-balloon","New Text");

alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "New text"

但是现在当我将鼠标悬停在那个 div 上时，它不显示新文本，它仍然显示“原始文本”

为什么会这样，请纠正我哪里错了。

仅供参考：我面临标题属性的类似问题。

**更新 **

我在 jquery ui 对话框中显示的某个图标上显示该工具提示。该对话框上有一个后退按钮，可以隐藏图标并显示一些单选按钮。And when select any radio button, icon gets shown up again, radio button disappears. 而这次图标的工具提示应该是新的。我正在使用上面的代码，但显示了原始文本，我可以看到属性值已更改但未在图标工具提示上呈现。

在此处输入图像描述

4

1 回答 1

-1

请看一下附加的片段。

alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "Original text"

$("#instruction_div_main").attr("data-balloon","New Text");
$("#instruction_div_main").html("New Text");
$("#instruction_div_main").attr("title","New Text");
alert($("#instruction_div_main").attr("data-balloon"));
// alert shows "New text"
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="instruction_div_main" title="Original text" data-balloon="Original text">Original text</div>

于 2016-06-30T07:04:52.713 回答