Ne peuvent pas interagir avec jQuery Onglet Contenu après le chargement Tab

Question

Dire que j'ai ceci:

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

Onglet JS:

$(document).ready(function() {

    $("#tabs").tabs();
    console.log($('a#someBtn').text()); // doesn't work - always returns empty string
});

Tab 1 Contenu:

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

En fait, le travail des onglets, mais je suis incapable d'interagir avec le contenu de l'onglet. Comment puis-je résoudre ce problème?

Beaucoup de mes onglets aura des boutons dans le contenu qui lancent des fenêtres modales. Voilà ce que je suis en train de se rendre à.

Answer 1

Il semble que si vous chargez les onglets en utilisant AJAX (puisque vous lui donnez et URL réelle / onglets / 1 et non un point d'ancrage à un div id). Dans votre code, lorsque vous sélectionnez un # someBtn le contenu à distance n'a pas encore été chargé (car il fonctionne de manière asynchrone). Essayez d'utiliser l'événement de l'AJAX:

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