说我有这个:
<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>
基本上,标签有效,但我无法与标签的内容进行交互。我该如何解决这个问题?
我的许多标签都会在启动模态窗口的内容中显示按钮。这就是我想要达到的目的。
答案 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
}
});
});