body append не работает на разных страницах

У меня есть две страницы. Я хочу использовать JS для добавления одного и того же нижнего колонтитула на обе страницы.body append не работает на разных страницах

один 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(); на main.js

Когда я поначалу загружаю index.html по умолчанию, нижний колонтитул был успешно создан. Тем не менее, когда я нажимаю «ADD» (прямая ссылка на 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 (нажмите f12 на firefox или chrome)? – mpalencia

это дало мне предупреждение «Синхронный XMLHttpRequest в основном потоке устарел из-за его пагубных последствий для опытов конечного пользователя». – user3566769

body append не работает на разных страницах

ответ

Смежные вопросы