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

当使用带有ajax的jQuery选项卡时，ajax调用中的HTML不会立即可用。

我相信您为点击test ID添加事件的代码需要在标签对象的add事件中完成。因此，您必须在JavaScript代码中的document.ready处理程序中添加类似的内容：

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