87,921
社区成员
发帖
与我相关
我的任务
分享两段javascript的加载语句不能同时在页面显示的问题。
主页面包含了两段javascript函数，一个是在div的ID为header的位置用jquery加载页面头，一个是在div的ID为topmenucontainer的位置加载导航菜单。
<head>
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.html");
});
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] //"markup" or ["container_id","path_to_menu_file"]
});
</script>
</head>
<body>
<table width="800" height="120" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="left" width="800" height="80" valign="top">
<div id="header"></div>
</td>
</tr>
<tr>
<td align="left" valign="top" width="800" height="40">
<div id="topmenucontainer"></div>
</td>
</tr>
</table>
</body>
header.html的代码如下：
<html>
<body>
<img src="images/header.jpg" width="800" height="80" alt="" />
</body>
</html>
但是最后在浏览器里只能看到header被加载，导航菜单却是没有。如果注释掉加载header的jquery语句，导航菜单是能够显示在正常位置的。
求解，thanks~!
...全文
请发表友善的回复…
发表回复
electronic 2011-11-09
- 打赏
- 举报
补充一下：
menu.init 包含在外部js文件menu.js中，head头作了一个外部引用；
<script type="text/javascript" src="js/menu.js">
menu.init 包含在外部js文件menu.js中，head头作了一个外部引用；
<script type="text/javascript" src="js/menu.js">
electronic 2011-11-09
- 打赏
- 举报
[Quote=引用 1 楼 p2227 的回复:]
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.html");
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] //"markup" or ["containe……
[/Quote]
试过了，这样一改以后进入页面后页面一直在读取，显示一片空白，谢谢。
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.html");
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] //"markup" or ["containe……
[/Quote]
试过了，这样一改以后进入页面后页面一直在读取，显示一片空白，谢谢。
electronic 2011-11-09
- 打赏
- 举报
[Quote=引用楼主 electronic 的回复:]
主页面包含了两段javascript函数，一个是在div的ID为header的位置用jquery加载页面头，一个是在div的ID为topmenucontainer的位置加载导航菜单。
<head>
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.……
[/Quote]
试过了，这样一改以后进入页面后页面一直在读取，显示一片空白，谢谢。
主页面包含了两段javascript函数，一个是在div的ID为header的位置用jquery加载页面头，一个是在div的ID为topmenucontainer的位置加载导航菜单。
<head>
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.……
[/Quote]
试过了，这样一改以后进入页面后页面一直在读取，显示一片空白，谢谢。
北京不不 2011-11-09
- 打赏
- 举报
$(document).ready(function() {
$("div#header").load("/header.html");
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] });
});
p2227 2011-11-09
- 打赏
- 举报
<script type="text/javascript">
$(document).ready(function() {
$("div#header").load("/header.html");
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] //"markup" or ["container_id","path_to_menu_file"]
});
});
</script>
</head>
$(document).ready(function() {
$("div#header").load("/header.html");
menu.init({
contentsource: ["topmenucontainer", "topmenu.html"] //"markup" or ["container_id","path_to_menu_file"]
});
});
</script>
</head>
