Nie można wejść w interakcję z zawartością karty jQuery po załadowaniu karty - javascript, jquery, jquery-ui, jquery-tabs

Powiedz, że mam to:

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

Strona karty JS:

$(document).ready(function() {

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

Tab 1 Treść:

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

Zasadniczo karty działają, ale nie mogę wejść w interakcję z zawartością karty. Jak mogę to naprawić?

Wiele moich zakładek będzie zawierało przyciski w treści uruchamiające okna modalne. Właśnie do tego próbuję się dostać.

Odpowiedzi:

Wygląda na to, że ładujesz karty za pomocąAJAX (od kiedy go podasz i aktualny adres URL / karty / 1, a nie zakotwiczenie do div id). W twoim kodzie, gdy wybierzesz # someBtn, zdalna zawartość nie została jeszcze załadowana (ponieważ działa asynchronicznie). Spróbuj użyć zdarzenia onload AJAX:

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