我正在编写适用于静态html的工具提示,但动态地,它不起作用。
displayToolTips: function() {
$(function () {
$(".tooltipclass").tooltip({
disabled: true,
placement : 'bottom'
}).on("onchange", function () {
$(this)
.tooltip("enable")
.tooltip("open");
}).on("mouseleave", function () {
$(this)
.tooltip("close")
.tooltip("disable");
});
});
}
这是代码。和HTML是:
<div class="informationIcon tooltipclass margin-tooltip"
th:title="#{title.mainimage_title}">i</div>
我将这个内容写在jQuery函数中,当我们将鼠标放在工具提示上时,它会动态附加,不会显示信息。
请帮助,提前致谢。
我在这里分享小提琴,
在此函数中查看displayDynamicRows(),显示未显示信息的动态工具提示。
答案 0 :(得分:1)
Bootstrap允许在工具提示中提供动态信息。
如你所见:
<button type="button" class="btn btn-default" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
其中title=
是要输入的信息。所以,要么你可以通过动态播放的任何内容进行某种循环并将信息放在那里,或者我建议使用jQuery&#39; s .attr()
所以
<button type="button" class="btn btn-default tool" data-toggle="tooltip" data-placement="left" title="Tooltip on left">Tooltip on left</button>
$(".tool").attr({title: "WHATEVER})