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

时间:2014-04-22 08:11:40

标签: jquery jquery-ui jquery-tooltip jquery-widgets

我想以编程方式使用自定义内容工具提示(例如here)打开一个jquery ui工具提示(不是悬停)。有没有办法做到这一点?

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

2 个答案:

答案 0 :(得分:3)

尝试在初始化工具提示后触发mouseover()事件:

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

答案 1 :(得分:1)

是的,它就像你尝试过的那样,但你的问题是你的错别字,你忘记了一些;和括号。试试这样:

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