javascript - JQueryUI 工具提示设置被忽略

Question

我无法让 JQueryUI 关注我尝试应用的工具提示设置

var li = jQuery('<li title="test">test</li>');
jQuery(myUl).append(li);

jQuery(li).tooltip({
    track: true,
    position: {
        my: "left top",
        at: "bottom",
        using: function (position, feedback) {
            $( this ).css( position );
            $("<div>").addClass("arrow")
        }
    },
    content: function () {
        return $(this).attr('title');
    }
});

我知道正在调用 tooltip() 函数，因为我可以将其注释掉并且显示恢复为标准工具提示，但参数中的任何内容都不会对显示产生任何影响。我的首要任务是让内容出现在多行上，因为我<br />在正确的位置添加了标签。但到目前为止，它们总是显示给用户。

帮助！

Answer 1

这似乎是一个用户错误。我不知道 Bootstrap 还提供了一个 Tooltip 功能，并且在这里优先。一旦我开始使用引导工具提示选项，它们就很好用了

Answer 2

删除行：

var li = jQuery('<li title="test">test</li>');

<li>直接向 jQuery添加元素：

jQuery('li').tooltip({
   track: true,
   position: {
    my: "left top",
    at: "bottom",
    using: function (position, feedback) {
        $( this ).css( position );
        $("<div>").addClass("arrow")
    }
  },
  content: function () {
    return $(this).attr('title');
  }
});