настройки JQueryUI Tooltip игнорировала

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'); 
    } 
}); 

Я знаю, что функция всплывающей подсказки() вызываются, потому что я могу прокомментировать его и дисплей возвращается к стандартной всплывающей подсказке, но ничто в параметрах не имеет никакого отношения к отображению. Мой первый приоритет - заставить контент появляться на нескольких строках, для чего я добавил теги <br /> в нужные места. Но пока они всегда отображаются пользователю.

Помощь!

Answer 1

удалить строку:

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'); 
    } 
}); 

Answer 2

Это, кажется, ошибка пользователя. Я понятия не имел, что Bootstrap также предоставил функцию всплывающей подсказки, и здесь он занимает приоритетное место. Как только я начал использовать подсказки Bootstrap Tooltip, они были использованы просто отлично