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

标签 javascript jquery html

我刚刚开始在我的网站上工作,我已经遇到了一些小问题,出于某种原因,我使用的脚本不再工作,我找不到任何修复程序,chrome 中没有任何内容控制台或任何有用的错误信息。

我希望你们能帮帮我。

我只是想将一段不同的 HTML 页面加载到我的索引页面上。

通常我运行这个脚本,它应该使用 #nav来自 header.html 的 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 中发出警报它会弹出脚本,但不会加载所需的数据

我在本地主机上运行,​​但这对 jquery 来说应该不是问题

感谢您的帮助!

最佳答案

第一次没用因为<div id="#nav">应该是 <div id="nav"> .

关于javascript - 在其他页面上加载外部标题的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45534506/

相关文章:

javascript - 如何在 Aurelia repeat.for 中将 class.bind 条件从 View 移动到模型

Jquery mobile 通过对话框提交表单(直接 POST)

html - FlexBox 容器高度不灵活

jquery - jQuery.ready() 如何处理对其自身的调用?

html - 无法在图像旁边放置 div 或按钮

javascript - 滚动时事件类未切换

javascript - webpack 对 *.js 的意外修改

javascript - 当我拖动一个用css旋转过的图像时,它会以非旋转方式拖动(原始)?

javascript - jQuery 显示/隐藏不起作用

javascript - 如何使用 jquery.getjson() 编写多个物化 css 卡