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功能，它在这里优先考虑。一旦我开始使用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');
  }
});

JQueryUI工具提示设置被忽略

2 个答案: