Как связать будущее событие при использовании jQuery Mobile внешней ссылки на страницы?

Question

В jQuery Mobile внешняя страница связана через Ajax (т. Е. Содержимое внешней страницы загружается на текущую страницу через Ajax).

Проблема: Как связать событие с будущим (т.е. быть загруженным)?

Пусть говорят содержание для загрузки имеет следующий HTML вход

<input type='text' id='foo' name='foo'> 

Как связать событие ввода на нем?

С только статический HTML, следующий код будет работать

$('#foo').on('input', function() { 
... 

Сейчас он не работает в настоящее время, так как DOM загружен динамически, я пытался использовать делегирование, но и не работают

$(document).on('#foo', 'input', function() { 
... 

Любая идея?

Answer 1

Как об использовании var

var myFunc = function() { ... } 

$(document).ready(function() { 
    $('#foo').on('input', myFunc); 
}); 

Answer 2

Вы можете включить скрипт во внешней странице, если тег сценария находится в пределах данных-роли = «страница» ДИВ (только содержание первого найденных данных элемент -ролевой = «страница» загружается в текущую страницу.

$(document).on("pagecreate", "#extpagedivid", function(){ 
    $(document).on("input", "#foo", function(){...}); 
}); 

вы можете также включить этот код в pagecreate обработчик главной страницы до тех пор, как вы используете делегирование событий. Убедитесь, что идентификатор вход уникален на всех страницах, которые будут загружены в m ain page.