Link + on(pagecontainershow) 失败

Question

我有一个使用 jQuery Mobile 完成的简单应用程序，在某些时候我有这个：

    <a href="test_es.html" data-role="button">Start!</a>

它加载了一个新的 HTML，其中包含大量 jquery 移动页面：

    <div data-role="page">

我已经在我的外部 JS 文件中定义了一个全局变量：

    var startTimeQuestion;

还有这个方法，在我的 HTML (test_es.html):

 <script>
     $(document).on('pagecontainershow', function() {
        console.log("Storing time..");
        startTimeQuestion = new Date().getTime();
     });
 </script>

问题是，当我点击按钮时，它正确地加载了文件，但它似乎没有加载 JS 或函数，或者我不知道，因为当我要使用我的startTimeQuestion 变量显示为 UNDEFINED，并且未在控制台中显示 'Storing time..'。如果重新加载页面，它工作正常。

我第一次加载页面时尝试执行“$.(document).ready()”函数，但仍然无法正常工作。看起来 test_es.html 它不会加载我的 custom.css 和我的 test.js 文件，直到我完全重新加载页面。所以我认为错误在于我如何称呼我的 test_es.html，不是这个：

  <a href="test_es.html" data-role="button">Start!</a>

正确的做法？

谢谢。

Answer 1

感谢在我找到解决方案之前的评论，它就像将 'data-ajax' 属性设置为 false 这样简单：

 <a href="test_es.html" data-role="button" data-ajax="false">Start!</a>

Link + on(pagecontainershow) 失败

Link + on(pagecontainershow) fail

html

javascript

jquery

jquery-mobile