Мобильное приложение 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>

Источник для редко * Used_Page.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>

** edit ** Пересмотренный скрипт.Я все ближе к ответу.

Answer 1

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

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

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

Answer 2

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

Answer 3

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

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

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

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

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

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