Jquery для всплывающей подсказки
Я использую приведенный ниже код для отображения всплывающей подсказки для события клика
HTML-компонент:
<a href="#" class="tooltip" data-description="Test tooltip">Test</a><br>
JQuery:
$(document).on("click", ".tooltip", function() {
$(this).tooltip(
{
items: ".tooltip",
content: function(){
return $(this).data('description');
},
close: function( event, ui ) {
var me = this;
ui.tooltip.hover(
function () {
$(this).stop(true).fadeTo(400, 1);
},
function () {
$(this).fadeOut("400", function(){
$(this).remove();
});
}
);
ui.tooltip.on("remove", function(){
$(me).tooltip("destroy");
});
}
}
); // this is the line i'm getting "Expected Identifier, string or number".
$(this).tooltip("open");
});
Я использую jquery 1.9.1.js и jquery-ui.1.9.2.js. Но я получаю "Ожидаемый идентификатор, строку или номер".
РЕДАКТИРОВАТЬ: Ошибка устранена, но я все еще не получаю всплывающую подсказку о событии клика.
Может кто-нибудь сказать мне, где я ошибся?
1 ответ
Этот Codepen: http://codepen.io/anon/pen/EjVBOW кажется, работает для меня с вашим кодом и последним интерфейсом jQuery и jQuery. Это было решено для вас?
$(document).on("click", ".tooltip", function() {
$(this).tooltip({
items: ".tooltip",
content: function() {
return $(this).data('description');
},
close: function(event, ui) {
var me = this;
ui.tooltip.hover(
function() {
$(this).stop(true).fadeTo(400, 1);
},
function() {
$(this).fadeOut("400", function() {
$(this).remove();
});
}
);
ui.tooltip.on("remove", function() {
$(me).tooltip("destroy");
});
}
}); // this is the line i'm getting "Expected Identifier, string or number".
$(this).tooltip("open");
});