Мобильное приложение jQuery для загрузки внешней страницы и запуска скрипта js при нажатии кнопки

Question

Я хочу, чтобы мое приложение jQuery Mobile загружало внешнюю страницу при нажатии кнопки, но я не уверен, какое событие использовать.

<a href="html/rarely_Used_Page.html" id="my_page" 
    data-role="button" data-inline="true" 
    data-theme="c"  data-icon="search" data-transition="none">
        List Members
</a>

Источник для редко_используемого_пейса.html:

<div data-role="page"  id="some_id">

This is my rarely used page.
It is rarely used, so I don't want to include \
it in the main index.html page

</div>


// on load of rarely_Used_Page.html,  
// a script would run to perform a specific 
// task, but only for this page

<script>

$('[data-role=page #some_id]').live('pageshow', function () {
    alert("!");
    });
</script>

** редактировать ** Пересмотренный скрипт. Я все ближе, чтобы ответить.

Answer 1

Попробуйте использовать функцию jquery load ().

$(document).load(function() {
     //code to perform tasks goes here
});

Вы можете просто положить это в нижней части файла lyly_Used_Page.html.

Answer 2

Если вы используете Ajax, которым вы будете пользоваться, если только вы явно не попросите об этом, то при загрузке страницы будут запускаться только сценарии внутри div страницы. Итак, я вижу два варианта

Поместите скрипт внутри страницы div

<script>alert("!");</script>

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

$("#some_id").live("pageshow", function() { alert("!"); });

Первый вариант запускает код до отображения страницы, второй - после.

Answer 3

Почему не работает кусок кода, который вы там написали? A href="x.html" - это стандартный способ переключения на внешнюю страницу.