Добавьте атрибут 'data-toggle' к кнопке в javascript

60
6

Я пытаюсь создать всплывающую подсказку в виде кнопки в 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"); к чему-то вроде этого: button.setAttribute("height", "50px"); оно работает.

Любые идеи, что я делаю неправильно?

спросил(а) 2017-04-03T17:49:00+03:00 2 года, 11 месяцев назад
1
Решение
69

Он добавит атрибут к элементу, но вам нужно инициализировать всплывающую подсказку.

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

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

Примечание. Код должен быть после добавления атрибута к элементу.

ответил(а) 2017-04-03T17:52:00+03:00 2 года, 11 месяцев назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема