доступ иерархии Контейнер для JQuery элементов

Question

JQM элементы на физической странице:

#page_test1 
    button changing page to #page_test2 

#page_test2 
    div #place to put something programmatically 

на кнопку внутри #place контейнера поставить я написал следующее (рабочий) код:

$(document).on('pagebeforeshow', '#page_test2', function(event) { 
    $('#place').empty(); 
    $('#place').append('<a href="#" data-role="button" data-theme="d">Dynamic button inserted by JavaScript</a>'); 
    $('#place').trigger('create'); 
}); 

Хорошо, но когда я попытайтесь переместить .on тело на уровень скрипта (непосредственно под тегом скрипта), код внутри становится неправильным из-за контекста:

Как получить доступ к элементам JQM с разных уровней иерархии JQM и за ее пределами?

Угадайте, что это очень просто для JQM/Ajax, поэтому я очень благодарен за использование URL с общей информацией.

Answer 1

Для получения доступа к динамически с помощью кода за пределами целевой страницы, используйте следующее:

$(document).on(event, '.selector', function() { }); 

Для получения доступа к динамически с помощью кода в целевой страницы, используйте следующее:

$('.selector').on(event, function() { });