Jquery 如何在另一个html页面中包含html菜单页面，以及如何突出显示所选菜单？_Jquery_Html_Css

Jquery 如何在另一个html页面中包含html菜单页面，以及如何突出显示所选菜单？

jquery html css

Jquery 如何在另一个html页面中包含html菜单页面，以及如何突出显示所选菜单？,jquery,html,css,Jquery,Html,Css,在这里，我在separare页面中创建了菜单列表，名称是menu.html <div id="cssmenu"> <ul> <li><a href="company.html">COMPANY</a> </li> <li ><a href="services.html">SERVICES</a> </li> <li >

在这里，我在separare页面中创建了菜单列表，名称是menu.html

<div id="cssmenu">
    <ul>
    <li><a href="company.html">COMPANY</a>
    </li>
    <li ><a href="services.html">SERVICES</a>

    </li>
    <li ><a href="aboutus.html">ABOUT US</a>

    </li>
    <li ><a href="contact.html">CONTACT US</a>

    </li>
  </ul>
</div>

我在aboutus.html和company.html页面中包括menu.html页面，如下所示

<html>
<head>
<script src="jquery.js"></script>
 <script>
$(document).("click", "#cssmenu li a", function (e) {
e.preventDefault();

$(this).addClass('active');

});
 </script>
<script>
  $(function(){


$("#menu").load("menu.html");
   });
   </script>
  <style>
   .active {
    color: #D09d23;
    font-weight: bold;
 }
 </style>

  </head>
  <body>
  <div id="menu">
  </div>
  Welcome to About Us
  </body>
    </html>


$（文档）。（“单击“，”cssmenu li a“，函数（e）{
e、 预防默认值（）；
$（this.addClass（'active'）；
});
$（函数（）{
$（“#menu”）.load（“menu.html”）；
});
.主动{
颜色：#D09d23；
字体大小：粗体；
}
欢迎收看关于我们的节目

但是选中的菜单没有突出显示。这是纯html和jquery。

请帮帮我。

您的

语法错误，请再试一次
$(document).on("click", "#cssmenu li a", function (e) {
   e.preventDefault();
   $(this).addClass('active');
});

并首先将活动类设置为元素，该元素将在开始时显示。
可以将活动类设置为文档就绪时的特定锚定标记：
var currentPage = window.location.pathname; //depending current page or set title tag for each page and use it
$(function () {
    $("#menu").load("menu.html",function(){
        $(this).find('a[href="'+currentPage+'"]').addClass('active');
    });
 });

我用了这个。菜单高亮显示，但页面未加载（未导航到另一个链接）@user3030105，这是因为您正在阻止其默认操作。我使用了这个。菜单未高亮显示检查窗口.位置.路径名
对于aboutus页面，应为例如aboutus.html
，是否为预期结果？更准确的方法是为每一页设置一个标题标签。您可能希望将活动类设置为LI，而不是锚定标记。请考虑告诉我什么不起作用。未添加类、控制台中出错等。。。