вкладок JQuery UI: функция не работает в Ajax вкладке

Question

Я использую вкладки JQuery UI:

<div id="tabs"> 
      <ul> 
       <li><a href="ajax/neobrabotannie.php" id="neobrabotannie">Необработанные</a></li> 
       <li><a href="ajax/klienti.php" id="klienti">Клиенты</a></li>        
      </ul> 
</div> 

$('#test').click(function() { 
alert("clicked!"); 
}); 

Если открыть klienti.php функция вкладки нажмите не работает.

klienti.php:

<? 
echo "<div id='test'>Test div.</div>"; 
?> 

Скажите, пожалуйста, что я делаю неправильно?

Answer 1

При использовании вкладок jQuery с ajax HTML из вызова ajax не доступен сразу.

Я считаю, что ваш код для добавления события для щелчка по значку test должен быть выполнен в пределах add событий вашего объекта вкладок. Таким образом, вы должны добавить что-то вроде этого в document.ready обработчика в коде JavaScript:

$("#tabs").tabs({ 
    add: function(event, ui) { ... } 
});