2015-02-24 122 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>