У меня проблема с всплывающей подсказкой начальной загрузки: когда я нажимаю кнопку, всплывающая подсказка остается, даже если курсор находится за пределами кнопки. Я просмотрел руководство - всплывающую подсказку Bootstrap, и если я нажимаю на кнопки, я вижу ту же проблему. Есть какое-нибудь решение, чтобы это исправить? Только что попробовал в последней версии FF, IE.
javascript
twitter-bootstrap
tooltip
SilentCry
источник
источник
Ответы:
Это потому, что
trigger
не установлено. Значение по умолчанию для триггера равно'hover focus'
, поэтому всплывающая подсказка остается видимой после нажатия кнопки, пока не будет нажата другая кнопка, потому что кнопка естьfocused
.Итак, все, что вам нужно сделать, это определить
trigger
как'hover'
only. Ниже того же примера, с которым вы связались, без сохранения всплывающих подсказок после нажатия кнопки:пример документа в скрипке -> http://jsfiddle.net/vdzvvg6o/
источник
Я знаю больше года, но я не мог заставить это работать ни с какими примерами здесь. Мне пришлось использовать следующее:
Это также снова показывает всплывающую подсказку при наведении курсора.
источник
Привет, у меня есть небольшое решение этой проблемы. Если другие решения не работают, попробуйте следующее:
Это тоже решение для перетаскивания. Так что я надеюсь, что это кому-то поможет :)
источник
В моем случае проблема была воспроизведена только в Internet Explorer: независимо от того, какой элемент (ввод, div и т. Д.) Имеет всплывающую подсказку - при нажатии всплывающая подсказка остается показанной.
нашел некоторые решения в Интернете, которые рекомендуют .hide () эту всплывающую подсказку для элементов Click event - но это плохая идея - возвращение к тому же элементу - сохраняет его скрытым ... в моем случае
сделали все волшебство !!! - где .myToolTippedElement - это элемент, который имеет всплывающую подсказку Курса ...
источник
в angular 7 с bootstrap 4 и jquery я нашел это, и он отлично работает. Я использовал утилиту dispose, потому что она не скрывает всплывающую подсказку.
источник
Попробуйте использовать
rel="tooltip"
вместо того,data-toggle="tooltip"
что сработало в моем случае. Я использовалdata-toggle="tooltip"
и также установил условие триггера как наведение, которое в моем случае не сработало. Когда я изменил свой селектор данных, он сработал.HTML-код:
Код JS // Подсказка $ ('. Btn'). Tooltip ({trigger: 'hover'});
Это обязательно удалит застрявшую подсказку.
источник
Ответ Дэвида выше помог решить мою проблему. У меня было событие наведения и нажатия на кнопку. Firefox на MAC вел себя так, как я хотел. То есть показывать всплывающую подсказку при наведении, не показывать всплывающую подсказку при нажатии. В других браузерах и ОС, когда я нажимаю, всплывающая подсказка появляется и остается как показано. Даже если я наведу указатель мыши на другие кнопки для наведения. Вот что у меня было:
Это исправление:
источник
Также вы можете добавить:
источник
Рабочее решение
источник
Я решил эту проблему, удалив всплывающую подсказку в функции события щелчка, используя следующий код:
источник
Я использую всплывающую подсказку при загрузке в cycle.js, и ничего из вышеперечисленного у меня не сработало.
Пришлось сделать так:
источник
Это работает для меня:
Я отключал кнопку сохранения динамически, тогда проблема была.
источник
источник
Это решение сработало для меня.
играть на скрипке
Я пробовал большинство решений, приведенных в предыдущих ответах, но ни одно из них не помогло мне.
источник
Моя проблема в DataTable. Ниже код работает для меня.
columnDefs: [ { targets: 0, data: "id", render: function (data, type, full, meta) { return '<a href="javascript:;" class="btn btn-xs btn-default" data-toggle="tooltip" title="Pending" data-container="body"><i class="fa fa-check"></i></a>'; } } ], drawCallback: function() { $('[data-toggle="tooltip"]').tooltip(); $('[data-toggle="tooltip"]').on('click', function () { $(this).tooltip('hide'); }); }
источник
Вы также можете использовать метод ниже, чтобы скрыть всплывающую подсказку при отпускании мыши , как показано ниже:
источник
В моем случае это было исправление:
Я не соблюдал это правило из документации Bootstrap:
источник
Это также возможно в HTML, добавив следующее:
источник
Также вы можете использовать этот способ для старых версий, потому что принятый ответ не сработал для меня, и я написал этот код для себя, и он хорошо работает.
источник
Если кто-то хочет настроить всплывающую подсказку, которая будет отображаться в течение некоторого времени после щелчка, вот как я это сделал:
источник
Использование принудительного размытия () может снизить удобство работы пользователя. Я бы не стал этого делать. Я обнаружил, что удаление «data-original-title», а также атрибутов «data-toggle» и «title» сработало для меня.
источник