jQuery Mobile应用程序，用于加载外部页面并在单击按钮时运行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>

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

**编辑** 修改过的脚本。我正在接近回答。

Answer 1

尝试使用jquery load()函数。

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

您可以将它放在rare_Used_Page.html

的底部

Answer 2

如果您正在使用Ajax，除非您明确要求不使用Ajax，否则只有页面div中的脚本才会在您加载页面时触发。所以，我可以看到两个选项

将一个脚本放在页面div

中

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

在加载主文档

的脚本中包含以下内容

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

第一个选项将在页面显示之前运行代码，第二个选项将在之后运行它。

Answer 3

为什么你写的那段代码不能用？ a href =“x.html”是切换到外部页面的标准方法。