在jquerymobile的对话框中加载动态数据

时间:2011-06-22 11:25:30

标签: jquery html ajax jquery-mobile

我正在尝试从jquerymobile对话框中的服务器加载数据。

我使用

打开对话框
<a href="menu.htm" data-rel="dialog"  data-transition="slideup" >Menu</a>

和menu.htm文件包含以下代码:

 <div data-role="page" id="men">
    <div data-position="inline" data-theme="d" data-role="header" class="ui-corner-top ui-overlay-shadow ui-bar-d ui-header" role="banner">
        <a data-iconpos="notext" data-rel="back" data-icon="delete" href="#" class="ui-btn-left ui-btn ui-btn-icon-notext ui-btn-corner-all ui-shadow ui-btn-up-d" title="Close" data-theme="d"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Close</span><span class="ui-icon ui-icon-delete ui-icon-shadow"></span></span></a>
        <h1 class="ui-title" tabindex="0" role="heading" aria-level="1">Dialog</h1>
    </div>
    <div data-role="content" data-theme="e" id="menus">
        <p>
            This is a regular page, styled as a dialog. To create a dialog, just link to a normal page and include a transition and 
            <code>
                data-rel="dialog"
            </code>
            attribute.
        </p>
        <a href="index.html#page5" data-role="button" data-theme="a">Good for you</a>
        <a href="docs-dialogs.html" data-role="button" data-rel="back" data-theme="c">Don't care, really</a>
    </div>
</div>

我包含了js文件并添加了以下代码:js:

$('div[id="men"]').live("pageshow", function(){
            alert("loaded");
    }); 

但它没有向我显示警报。

请帮帮我

由于

1 个答案:

答案 0 :(得分:1)

将包含的js文件和以下代码移动到主脚本(而不是menu.htm)而不是对话框:

$('div[id="men"]').live("pageshow", function(){
    alert("loaded");
});