Jquery 正文附加在不同的页面上不起作用
我有两页。我想使用JS在两个页面上添加相同的页脚 一个是index.html 第二个是add_dish.html 这是我的module.jsJquery 正文附加在不同的页面上不起作用,jquery,jquery-mobile,Jquery,Jquery Mobile,我有两页。我想使用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"><
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时,页脚已成功创建。
但是,当我单击AddDirectMe添加_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>
在module.js上修复代码添加
$('#body').append(divBegin+menuFirst+menuSecond+divEnd);
另外,在add_dish.html上,确保包含jquery。控制台中有错误吗?你不能用PHP包含文件吗?不。控制台上没有任何错误。我只开发前端逻辑。firefox或chrome上的bowser控制台按f12时出现了什么错误?它向我发出了警告主线程上的同步XMLHttpRequest已被弃用,因为它会对最终用户的体验产生有害影响。直接选择元素和通过IDI公共jquery移动元素选择元素没有区别。这两个页面中至少添加了页脚,但没有css样式。所以我猜这是jq手机的问题?必须有一种方法可以跨不同的页面重用div。