jQuery用戶界面標籤：功能不會在阿賈克斯標籤

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

當使用帶有ajax的jQuery選項卡時，來自ajax調用的HTML不會立即可用。

我相信你的代碼添加事件點擊test ID需要在你的標籤對象的add事件內完成。所以，你必須像這樣在你的JavaScript代碼添加到document.ready處理程序：

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