将外部标题的内容加载到其他页面上
问题描述:
我刚刚开始在我的网站上工作,而且我已经遇到了一个小呃,出于某种原因,我使用的脚本不再工作了,而且我找不到任何修补程序,铬控制台中没有任何内容或任何有用的错误信息。将外部标题的内容加载到其他页面上
我希望你们能帮我一把。
我只是试图加载一块不同的HTML页面到我的索引页面。
通常我运行这个脚本,它应该采用header.html
的#nav
div,并将其放入脚本下方的header
。
的Index.html:
<!--added scripts-->
<script src="jquery/jquery-3.2.0.min.js"></script>
<!-- Css -->
<link rel="stylesheet" type="text/css" href="Sjvklusbedrijf.css">
<!--script-->
<script>
$(document).ready(function() {
$("#header").load("header.html #nav");
alert("test");
});
</script>
</head>
<body>
<header id="header">
</header>
请求的脚本:
<div id="#nav">
<div class="logodiv"></div>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="foto.html">Foto's</a></li>
<li><a href="garantie.html">Garantie</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
我使用jQuery,并加载正是如此它:<script src="jquery/jquery-3.2.0.min.js"></script>
,如果我把一个会弹出doc.ready
脚本中的提醒,但不会加载请求ED数据
我在本地主机上运行,但不应该是一个问题的jQuery
感谢您的帮助!
答
它没有工作的第一次因为... e <div id="#nav">
应该是<div id="nav">
。
答
不知何故,它决定工作,但我真的不明白为什么。
我改变了一些东西:
指数:
<script>
$(document).ready(function() {
$("#header").load("header.html nav");
});
</script>
</head>
<body>
<!--header-->
<header id="header" class="header">
</header>
所需的脚本:
<nav>
<img src="fotos/test" alt="logo"/>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="foto.html">Foto's</a></li>
<li><a href="garantie.html">Garantie</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈, – FllnAngl