Я использую qtip2, чтобы заменить стандартные теги инструментов "title" на красиво отформатированные подсказки.Он прекрасно работает для установки и отображения подсказок почти во всех местах, используя один $ ('[title] [title! = ""]'). Each (function () {…} method.
Проблемазаключается в том, что в пользовательском интерфейсе есть несколько нажатий кнопок, которые заменяют div, на который мышь перешла, с частичным html от сервера, использующим .load (html), в этих случаях всплывающая подсказка не скрывается после новых частичных загрузок, она работаетв противном случае, например, любая другая кнопка с qtips, которые не заменяют div, заставляет всплывающую подсказку скрываться по желанию.
Я попытался вызвать $ ('[title] [title! = ""]').qtip ('hide'); перед выполнением .load (html), но, похоже, он не оказывает никакого влияния.
Что мне попробовать? Вот определение:
static updateTitles() {
$('[title][title!=""]').each(function () {
if (this.qtipLoaded === undefined) {
this.qtipLoaded = true;
$(this).qtip({
content: {
text: function (api) {
// Retrieve content from TITLE attribute of the $('.selector') element
return $(this).attr('title');
}
},
position: {
my: 'top left',
at: 'bottom right',
target: 'mouse',
adjust: { y: 10 }
},
style: { classes: 'qtip-light qtip-rounded' }
});
}
});
}