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

时间:2011-06-13 14:38:59

标签: javascript jquery jquery-ui jquery-tabs

说我有这个:

<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>

基本上,标签有效,但我无法与标签的内容进行交互。我该如何解决这个问题?

我的许多标签都会在启动模态窗口的内容中显示按钮。这就是我想要达到的目的。

1 个答案:

答案 0 :(得分:0)

看起来好像是使用AJAX加载选项卡(因为你给它和实际的URL / tabs / 1而不是div的div)。在您的代码中,当您选择#someBtn时,尚未加载远程内容(因为它以异步方式运行)。尝试使用AJAX onload事件:

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