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) { ... } 
});