javascript - 选项卡加载后无法与 jQuery 选项卡内容交互

Question

说我有这个：

<div id="tabs" class="hide">
    <ul>
        <li><a href="/tabs/1">Tab 1</a></li>
    </ul>               
</div>

标签页 JS：

$(document).ready(function() {

    $("#tabs").tabs();
    console.log($('a#someBtn').text()); // doesn't work - always returns empty string
});

选项卡 1 内容：

     <a href="" id="someBtn">link</a>

基本上，选项卡可以工作，但我无法与选项卡的内容进行交互。我怎样才能解决这个问题？

我的许多选项卡将在启动模式窗口的内容中包含按钮。这就是我想要达到的目标。

Answer 1

看起来好像您正在使用 AJAX 加载选项卡（因为您提供了它和实际 URL /tabs/1 而不是 div id 的锚点）。在您的代码中，当您选择 a#someBtn 时，尚未加载远程内容（因为它是异步运行的）。尝试使用 AJAX onload 事件：

$(document).ready(function() {
    $("#tabs").tabs({
        load : function(event, ui)
        {
            console.log($('a#someBtn').text()); // doesn't work - always returns empty string
        }
    });
});