在JQM中从页面调用函数

时间:2016-11-27 12:21:06

标签: javascript jquery jquery-mobile

我在JQ Mobile中有一个带有div的HTML页面。
如果用户在我拒绝的页面中,我怎么才能调用JS函数?
例如:

<!-- update page -->
<div data-role="page" id="update">

    <div data-role="header">
    </div>

    <div data-role="main" class="ui-content">
        <script type="text/javascript">
            ShowUsers();
        </script>
    </div>

        <div data-role="footer">
            <h1>© SpicyCanada 2016</h1>
        </div>

</div>

<!-- menu manager page -->
<div data-role="page" id="menuManager">

    <div data-role="header">
    </div>

    <div data-role="main" class="ui-content">
        <script type="text/javascript">
            ShowMenu();
        </script>
    </div>

    <div data-role="footer">
    </div>

</div>

如果我想打电话给#34; ShowUsers&#34;只有当用户进入&#34;更新&#34;页面并致电&#34; ShowMenu&#34;仅当用户处于&#34;菜单管理器&#34;页面,我该怎么办?

1 个答案:

答案 0 :(得分:0)

两个步骤:

1)首先,使用:

识别正确的div
var $page = document.querySelector('div[data-role="page"]');

2)然后,检查id的{​​{1}}是否为div

menuManager