我正在尝试在 JavaScript 的按钮中创建引导工具提示。
这就是我想要实现的目标:
<input type="image" src="~/images/icon_trash_red.png" class="m-l-20" onclick="RemoveItem(this)" height="20" data-toggle="tooltip" data-placement="right" title="Remover aluno" />
这是我到目前为止所拥有的:
button = document.createElement("Input");
button.src = "/images/icon_trash_red.png";
button.width = '20';
button.type = 'image';
button.onclick = function () {
RemoveItem(this);
};
button.style.marginLeft = '70px';
button.title = "Remover aluno";
button.setAttribute("data-toggle", "tooltip");
“setAttribute”似乎工作正常,因为如果我更改为这样的内容: button.setAttribute("height", "50px");
它就可以工作。
知道我做错了什么吗?
最佳答案
它将向元素添加属性,但您需要初始化工具提示。
// initialize tooltip for all elements which has the data-toggle attribute
$('[data-toggle="tooltip"]').tooltip()
// or initialize just for the button
$(button).tooltip()
注意:代码应该在将属性添加到元素之后。
关于javascript - 在javascript中向按钮添加 'data-toggle'属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43187760/