时间戳

首页 > 解决方案 > 使用 jquery 导入另一个 html 文件后下拉列表不起作用？

javascript - 使用 jquery 导入另一个 html 文件后下拉列表不起作用？

问题描述

我正在尝试导入header.html以避免文件重复。但是在这种情况下，我不能使用 PHP。这是index.html文件的头部分，

<script
        src="https://code.jquery.com/jquery-3.3.1.js"
        integrity="sha256-2Kok7MbOyxpgUVvAk/HJ2jigOSYS2auK4Pfzbm7uH60="
        crossorigin="anonymous">
</script>
<script>
    $(function(){
        $("#header").load("header.html");
        $("#footer").load("footer.html");
    });
</script>

我称之为我的身体部分header.html如下，

<body>
  <!-- include Header -->
  <div id="header"></div>
  <!-- end include header -->
</body>

标题很好，但在标题包含后，下拉列表变得不可点击。在这张图片中，我无法点击关于我们的下拉列表

当我去检查元素时，会出现以下错误， 在此处输入图像描述

标签： javascriptjqueryhtmlcss

解决方案

您的问题的一个可能原因是，如果您已经<html><head><body>在所有 header.html、footer.html 和母版页中都有标签。当您在母版页中导入这些子页面时，所有这些标签都将与内容一起出现。如果它是真的从您的子页面中删除这些标签，因为您的母版页应该只有一个特定标签

推荐阅读