jQuery UI - подсказка для динамически сгенерированной кнопки

Question

Как я могу сделать подсказку jQuery UI для динамически сгенерированных кнопок?

HTML динамический генерироваться

<button class="make_entry" title="make an entry> click here </button> 

JS

$(document).tooltip(); 

Answer 1

Вы должны создать экземпляр подсказке на кнопке после добавления, как это:

HTML:

<div class="some-div"> 
    <button class="add-me">Add another dynamic button!</button> 
</div> 

JS :

$('.add-me').on('click', function() { 
    $('.some-div').append('<button class="make_entry" title="make an entry"> click here </button>'); 
    $('.make_entry').tooltip({ 
     content: "Awesome title!" 
    }); 
}); 

P.s. вам не обязательно указывать content, так как он будет использовать атрибут title в качестве содержимого всплывающей подсказки.

Демо: http://jsfiddle.net/trvjazkf/