jQuery tooltip - пользовательский контент не отображается

Question

Я следил за документацией и пытаюсь отобразить пользовательскую всплывающую подсказку с подсказками jQuery UI.

var element = $('#customspan'); 

element.tooltip(
content: function() { 
    return 'Custom Span Tooltip' 
}; 

Однако пользовательский контент не отображается. JSFiddle here

Answer 1

Спасибо за ответы. После некоторого рытья я обнаружил, что Bootstrap tooltip переопределяет пользовательский интерфейс JQuery, поэтому я получал непоследовательные результаты.

Answer 2

Прежде всего, ваш синтаксис неверен. Должно быть так:

element.tooltip({ 
    content: function() { 
     return 'Custom Span Tooltip' 
    } 
}); 

Может быть, это здесь ваша проблема

Answer 3

Если вы хотите, чтобы указать содержимое, которое необходимо также указать items свойства элементов, которые вы хотите иметь пользовательский контент, а не показывая title атрибут по умолчанию.

$(document).tooltip({ 
    content: function() { 
     return 'Custom Span Tooltip' 
    }, 
    items: '#customspan' 
}); 

JSFiddle