JQuery Mobile - 關閉對話框和Javascript後總是不工作的加載錯誤頁面

我有一個項目有兩個HTML頁面（bmi.html和7min.html）和一些JavaScript ...我使用頁腳瀏覽頁面之間。JQuery Mobile - 關閉對話框和Javascript後總是不工作的加載錯誤頁面

第一期：第一次運行7min.html，使用頁腳導航到bmi.html，並且bmi中的javascript不起作用！
第二期：第一次運行bmi.html，導航到7min.html並再次回到bmi。 Javascript工作正常，但在關閉彈出對話框後返回到7分鐘頁面。

以下是我的代碼。

7分：http://jsfiddle.net/Rwf5G/ BMI：http://jsfiddle.net/snKyK/

<html> 

<head> 
    <meta charset="utf-8"> 
    <title>Body Trainer</title> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.1/jquery.mobile-1.2.1.min.css" /> 

    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://jquerymobile.com/demos/1.2.1/docs/_assets/js/jqm-docs.js"></script> 
    <script src="http://jquerymobile.com/demos/1.2.1/js/jquery.mobile-1.2.1.js"></script> 

</head> 

<body> 

    <div data-role="page" id="7min-page" class="type-interior" > 

     <div data-role="header" data-position="fixed" data-id="appHeader" > 
      <h1>Workout</h1> 
     </div><!-- /header --> 

     <div data-role="content" > 
      <h4>Brief</h4> 
      <p> 
       Some bla bla... 
      </p> 


     </div> 

     <div data-role="footer" data-id="appFooter" data-position="fixed"> 
      <div data-role="navbar"> 
       <ul> 
        <li> 
         <a href="bmi.html" data-prefetch="true">BMI</a> 
        </li> 
        <li> 
         <a href="7min.html" data-prefetch="true" class="ui-btn-active ui-state-persist">7min</a> 
        </li> 
       </ul> 
      </div><!-- /navbar --> 
     </div><!-- /footer --> 

    </div> 

</body>

（我很抱歉，我使用的jsfiddle，我遇到了一些問題，在這裏添加代碼）

來源

2013-10-09 gts13

第一期：

jQuery Mobile使用Ajax導航系統加載頁面並更改視圖/頁面。當你從bmi.html開始，所有的HTML標籤都被加載。當您從bmi.html導航到7min.html時，jQuery Mobile僅加載<div data-role="page"></div>及其內的內容。它忽略data-role=page div以外的其他HTML標籤。
- 解決方案：將JS代碼放入<div data-role="page"></div>。
- 選項：要在沒有AJAX的情況下進行導航，請將rel="external"或data-ajax="false"添加到錨標記。 這樣做，會正常加載頁面，但是，您將失去頁面過渡效果。
第二期：

添加此屬性data-history="false"到<div data-role="popup">股利。

來源

2013-10-09 11:01:01 Omar

非常感謝！有用！只是爲了記錄，我認爲腳本代碼應該總是在頭部... – gts13

@john不用客氣;） – Omar

JQuery Mobile - 關閉對話框和Javascript後總是不工作的加載錯誤頁面

回答

相關問題