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

假设我有这个：

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

表1内容：

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

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

---

我的许多选项卡的内容中都会有启动模式窗口的按钮。这正是我想要达到的目的。

看起来好像是在使用AJAX加载选项卡，因为您给了它和实际的URL/tabs/1，而不是div id的锚。在代码中，当您选择asomeBtn时，远程内容还没有加载，因为它是异步运行的。尝试使用AJAX onload事件：

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

---

不，这个特定的元素是通过Ajax加载的。如果它是通过Ajax加载的，那么它在Ajax调用完成之前不会出现，您必须等到该点才能访问这些元素。在这种情况下，您可能需要等待返回内容，然后再查找DOM元素。ajax调用完成时，jquery会触发回调。

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