Не удается взаимодействовать с содержимым вкладки jQuery после загрузки вкладки

Question

Скажите, у меня есть это:

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

В основном вкладки работают, ноЯ не могу взаимодействовать с содержимым вкладки.Как я могу это исправить?

Многие из моих вкладок будут иметь кнопки в контенте, которые запускают модальные окна.Вот к чему я пытаюсь добраться.

Answer 1

Выглядит так, как будто вы загружаете вкладки с помощью AJAX (поскольку вы даете ему и фактический URL / tabs / 1, а не привязку к div id).В вашем коде, когда вы выбираете # someBtn, удаленный контент еще не загружен (так как он работает асинхронно).Попробуйте использовать событие загрузки AJAX:

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