jQuery的工具提示

Question

我将以下代码用于Click事件的工具提示显示

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。 但是我得到“期望的标识符，字符串或数字”。

编辑：错误已解决，但我仍未获得有关单击事件的工具提示。
有人可以告诉我我哪里出问题了吗？

Answer 1

该Codepen： 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");
});