Question

我正在尝试在javascript中的按钮中创建一个bootstrap工具提示。

这就是我想要实现的目标：

 <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");它可以工作。

任何想法我做错了什么？

Answer 1

它会将属性添加到元素中，但您需要初始化工具提示。

// initialize tooltip for all elements which has the data-toggle attribute
$('[data-toggle="tooltip"]').tooltip()

// or initialize just for the button
$(button).tooltip()

注意：代码应该在将属性添加到元素之后。

在javascript中为按钮添加“数据切换”属性

1 个答案: