我正在尝试导入 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>
header 包含正常，但包含 header 后下拉列表变得不可点击。 
当我检查元素时出现以下错误，
最佳答案
您的问题的一个可能原因是，如果您已经拥有 <html><head><body>所有 header.html、footer.html 和母版页中的标记。当您在母版页中导入这些子页面时，所有这些标签都将与内容一起出现。如果它是真的，请从您的子页面中删除这些标签，因为您的母版页应该只有一个特定标签
关于javascript - 使用 jquery 导入另一个 html 文件后，下拉列表不起作用？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/54959353/