Jquery для подсказки

Question

Я использую следующий код для отображения всплывающей подсказки для события щелчка

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. Но я получаю «Ожидаемый идентификатор, строку или номер».

EDIT: Ошибка решена, но все же я не получаю подсказку на событие click.
Может ли кто-нибудь сказать мне, где я ошибся?

Answer 1

Этот код: http://codepen.io/anon/pen/EjVBOW, похоже, работает для меня с вашим кодом и последними jQuery и jQuery UI. Разве это разрешилось для вас?

$(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"); 
});