可以't在加载选项卡后与jQuery选项卡内容交互

Can't interact with jQuery Tab Contents After Tab Load

本文关键字：选项 jQuery 交互 加载 可以      更新时间：2023-09-26

假设我有这个：

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

基本上，选项卡可以工作，但我无法与选项卡的内容交互。如何解决此问题？

我的许多选项卡在启动模式窗口的内容中都有按钮。这就是我要做的。

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

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