2014-05-07 24 views
0

我發現與jQuery Mobile的麻煩數據變化,當我改變頁面的Javascript不是HREF jQuery Mobile的觸發 - 用window.location的

<input type="button" onclick="window.location.href = 'page.html'" 
value="New Page"> 

一切工作正常,但我想添加一個過渡,於是,我就恰克我的代碼

<a data-transition="slide" href="page.html>New Page</a> 

但在新頁面中所有的JavaScript的作品不好,頁面佈局不以適當的方式加載,並在主文件中的JavaScript代碼不會觸發(VAR所有我在js中聲明的結果未定義,如果我用href滑動菜單r返回主頁在半寬emain被阻止)

所以我認爲要避免這個問題離開window.location.href但我需要頁面轉換,我怎麼能設法讓轉換和js都正常工作?

主營:

<div id="home" class="upage-content"> 
<a href="join.html" data-transition="slide">Join</a> 
         </div> 

加入:

<body> 

     <div class="uwrap"> 

      <div class="upage" id="mainpage" style="min-height:100% !important;" data-role="page"> 

    <script type="application/javascript" src="js/jquery.min.js"></script> 
     <script type="application/javascript" src="jqm/jquery.mobile-min.js" data-ver="0"></script> 

     <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBsDjPNTwvkFNGFQp-AN6A6xF5N7_3Pxx0&amp;sensor=false"></script> 

     <script type="text/javascript" src="js/main3.js"></script> 
<div class="upage-outer"> 

       <div data-role="header" class="headclass" data-uib="jquery_mobile/header" data-ver="0"> 
        <h1>JOIN</h1> 

回答

0

當使用頁面過渡,jQuery Mobile的預取的頁面動畫它,如果JavaScript是沒有工作,那麼很可能是因爲您正在動畫的網頁上的JavaScript未加載。 jQuery mobile將只從

data-role="page" 

div內的頁面中獲取內容。因此,爲了使頁面正常工作,您必須在主頁面的部分中包含所有javascript資源。並使用

<a data-transition="slide" href="page.html>New Page</a> 
+0

我包含在主頁面,以便在體內,但現在的jQuery不停止加載,看起來就像是在環路和控制檯日誌什麼 –

+0

你可以張貼鏈接到您的代碼,我們看到了什麼? –

+0

目前不在線,我添加了感興趣的部分 –