Question

我刚刚开始在我的网站上工作而且我已经遇到了一点打嗝，由于某种原因，我使用的脚本不再起作用而我找不到任何修复，Chrome中没有任何内容控制台或任何有用的错误信息。

我希望你们能帮助我。

我只是想在我的索引页面上加载一个不同的HTML页面。

通常我会运行此脚本，它应该从[]获取#nav div并将其放入脚本下方的header.html。

的index.html：

header

请求的脚本：

<!--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>

我正在使用jquery并且已经加载了它：<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>如果我在<script src="jquery/jquery-3.2.0.min.js"></script>脚本中发出警报，它会弹出但不会加载所需的数据

我正在运行localhost，但这不应该是jquery的问题

感谢您的帮助！

Answer 1

第一次无效，因为<div id="#nav">应为<div id="nav">。

Answer 2

好吧不知何故它决定工作，但我不明白为什么。

我改变了一些事情：

指数：

<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>

在其他页面上加载外部标题的内容

2 个答案: