身體追加不能在不同的頁面上工作

我有兩個頁面。我想用JS在兩個頁面上添加相同的頁腳。身體追加不能在不同的頁面上工作

一個是index.html的二是add_dish.html

這裏是我的module.js

DCGAPP.DIV.FOOTER.createFooter = function(){ 
    var divBegin = '<div data-role="footer" data-id="tab" data-theme="a" data-position="fixed"><div data-role="navbar"><ul>' 
    var menuFirst = '<li><a href="index.html">OPEN</a></li>' 
    var menuSecond = '<li><a href="add_dish.html">ADD</a></li>' 
    var divEnd = '</ul></div></div>' 

    $('body').append(divBegin+menuFirst+menuSecond+divEnd); 
}

我打電話DCGAPP.DIV.FOOTER.createFooter（）; on main.js

當我第一次加載index.html默認情況下，頁腳被成功創建。但是，當我點擊「添加」（直接給我add_dish.html），頁腳沒有被創建 PS：即使我將我的腳本移動到頭，它給了我相同的結果我的html是相同的：

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="UTF-8"> 
    <!-- Include meta tag to ensure proper rendering and touch zooming --> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <!-- Include jQuery Mobile stylesheets --> 
    <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css"> 
    <link rel="stylesheet" href="css/serverclient.min.css"> 
    <!-- Include the jQuery library --> 
    <script src="js/jquery-2.1.4.min.js"></script> 
    <!-- Include the jQuery Mobile library --> 
    <script src="js/jquery.mobile-1.4.5.min.js"></script> 
</head> 
<body id="body"> 

    <div data-role="header"> 
     <h1>test</h1> 
    </div> 
    <!-- /header --> 

    <div role="main" class="ui-content"> 
     test 
    </div> 
    <!-- /content --> 

    <!-- /footer --> 
<script src="js/module.js"></script> 
<script src="js/main.js"></script> 
</body>

來源

2015-10-30 user3566769

控制檯中的任何錯誤？你不能使用PHP來包含文件嗎？ – Justinas

沒有。在控制檯上沒有任何錯誤。我只開發前端邏輯。 – user3566769

-1

您module.js解決您的代碼（添加＃）。

$('#body').append(divBegin+menuFirst+menuSecond+divEnd);

也在你的add_dish.html請確保你的jQuery包含在內。

來源

2015-10-30 06:58:50 mpalencia

這不起作用。 – user3566769

你的bowser控制檯上的錯誤是什麼（在Firefox或Chrome上按f12）？ – mpalencia

它給了我一個警告：「主線程上的同步XMLHttpRequest被棄用，因爲它對最終用戶的體驗有害。」 – user3566769

身體追加不能在不同的頁面上工作

回答

相關問題