使用自定义内容以编程方式打开 jquery ui 工具提示

Question

我想以编程方式打开一个带有自定义内容工具提示的 jquery ui 工具提示（不是悬停），例如 here。有什么办法吗？

$('.links').tooltip({
  content: function() {
    var $this = $(this);
    var extra = $this.text();
    var lowertext = "<div class ='tooltiptext'>Find out more about " + extra + "</div>"
    return lowertext;
  }
  $('.links').tooltip("open");

Answer 1

初始化tooltip后尝试触发mouseover()事件：

$('.links').tooltip().mouseover();

Answer 2

是的，它就像您尝试过的一样，但您的问题是您的拼写错误，您忘记了一些 ; 和括号。试试这样：

    $('.links').tooltip( {
                    content: function () { 
                        var lowertext = "<div class='tooltiptext'>Find out more about " + $(this).text() + "</div>";
                        return lowertext;
                    }
    });
    $('.links').tooltip('open');