javascript - 使用 jQuery Mobile 在子页面上包含脚本?

标签 javascript jquery jquery-mobile

我知道我可以处理 pageinit() 或其他事件来为新加载的页面执行 JavaScript,但这需要我拥有实际的 JavaScript 或从 主页

如何在子页面底部包含脚本,并让它在页面加载时执行?

我尝试将子页面的函数设置为全局变量(我知道它很脏),但即使这样似乎也不起作用。

最佳答案

我自己找到了答案。看起来子页面上的 JavaScript 需要位于“页面”内,而不仅仅是位于 body 标记内:

<body>
    <div data-role="page" data-title="My Subpage">
        <p>Awesome content!</p>
        <!-- DO put your JavaScript here. -->
        <script type="text/javascript">
            alert('This works');
        </script>
    </div>
    <!-- DON'T put your JavaScript here. -->
    <script type="text/javascript">
        alert('This doesn't work');
    </script>
</body>

专业提示: 它看起来像主体内部但在“Page”元素外部的任何脚本,即使在主页(第一个加载的页面)上,也不会被执行!因此,即使您禁用了 jQuery mobile 的 AJAX 加载/转换,默认页面渲染仍然会杀死这些脚本。

关于javascript - 使用 jQuery Mobile 在子页面上包含脚本?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8170350/

相关文章:

javascript - HTML 在页面和 Flash 对象中同时滚动

Jquery Ajax,从 mvc.net Controller 返回成功/错误

css - 自定义 JQuery Mobile iOS 主题

jquery调用webservice失败

jquery-mobile - 传单 map 中的奇怪默认大小

javascript - 函数参数是 native 元素还是 jQuery 集?

javascript 函数禁用和/或与 fancybox 冲突

javascript - 从我的管理结构中提取 ol 结构

javascript - 使用 Jscript 创建日期对象时,文本框中输入的日期应为 dd/MM/yyyy

javascript - ES6 - 解构和 For of Loop 只返回第一个对象