2015-02-24 141 views
0

我与jQuery Mobile的做了一个简单的应用程序,在某些时候,我有这样的:链接+失败

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

它加载一个新的HTML有很多jQuery Mobile的网页:

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

正确的方法来做到这一点?

谢谢。

+0

JQM加载默认情况下通过AJAX外部页面(HTTP:/ /demos.jquerymobile.com/1.4.5/navigation/),并只加载第一个data-role =“page”DIV。因此,您需要在data-role =“page”DIV内移动脚本,或者在没有AJAX的情况下加载页面。 – ezanker 2015-02-24 14:03:29

回答

0

由于之前我找到了解决办法的意见,如把“数据AJAX”属性设置为false这种方法是非常简单的:

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