Javascript 如何激活另一个html文件中的链接?

Javascript 如何激活另一个html文件中的链接?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,使用线程,我将我的头执行到单个html文件中 header.html: <div class="navbar navbar-default navbar-fixed-top" id="top" role="banner"> <div class="container"> <div class="navbar-header"> <button class="navbar-toggle" type="button" data-togg

使用线程,我将我的头执行到单个html文件中

header.html:

<div class="navbar navbar-default navbar-fixed-top" id="top" role="banner">
  <div class="container">
    <div class="navbar-header">
      <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-collapse">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
    </div>
    <div class="navbar-collapse collapse" role="navigation" style="height: auto;">
      <ul class="nav navbar-nav">
        <li><a href="/page1.html">Page1</a></li>
        <li><a href="/page2.html">Page2</a></li>
      </ul>
    </div>
  </div>
</div>

切换导航
并将其包含在我的index.html中

<script src="https://code.jquery.com/jquery-1.10.2.min.js"></script>
<script> 
$(function(){
  $("#navbar-header").load("header.html"); 
  $("#footer").load("footer.html"); 
});
</script>

$(函数(){
$(“#导航栏标题”).load(“header.html”);
$(“#footer”).load(“footer.html”);
});


我的问题是,如何在所选页面(第1页和第2页)上应用“活动”类


  • 您可以通过在源元素(一个应该激活另一个html链接的元素)上添加一个Click事件监听器来调用目标元素上的jQuery Click()事件


    可以使用jQuery的.addClass(),在html中使用特定的类, 比如说

    要添加菜单的HTML文件

    <div class="class1" id="navbar-header"></div>
    

    你说激活是什么意思?它们根本不起作用吗?或者?你想在所选页面上应用激活类吗?这太不清楚了,我甚至看不懂最后一句话。这是什么意思?“激活”?Yogesh是对的,我的问题是如何在所选页面上应用激活类?你必须使用激活类吗?如果在html中不使用“active”类就获得了所需的样式结果,该怎么办。如果是,我可以发布答案。Andrejs,谢谢你的回答。请你澄清一下,有必要在
  • 标签中添加一个类吗
  • 。或者这是怎么回事?
    <li class="active"><a href="/page1.html">Equator Server</a></li>
    
    $('.icon-bar-1').on('click', function(){
      $('.page-1').click(function(){/* code to perform on targetted click listener */});
    });
    
    <div class="class1" id="navbar-header"></div>
    
    $(document).ready(function () {
            if ($( "#navbar-header" ).hasClass( "class1" )) {
                $("#id-to-add").addClass("active");
            }
        });