0

私がこれを持っているとしましょう：

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

基本的に、タブは機能しますが、タブの内容を操作できません。どうすればこれを修正できますか?

私のタブの多くには、モーダル ウィンドウを起動するコンテンツ内のボタンがあります。これは私が到達しようとしているものです。

4

1 に答える 1

0

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
        }
    });
});
于 2011-06-13T14:44:42.383 に答える