[英]How to activate link in another html file?
使用此線程,我將標頭導入了單獨的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>
和
<div id="navbar-header"></div>
我的問題是,如何在所選頁面(第1頁和第2頁)上應用“活動”類?
<li class="active"><a href="/page1.html">Equator Server</a></li>
您可以通過在源元素(應激活另一個html上的鏈接的元素)上添加click事件偵聽器來在目標元素上調用jQuery Click()事件。
$('.icon-bar-1').on('click', function(){
$('.page-1').click(function(){/* code to perform on targetted click listener */});
});
例如,可以使用html中的特定類來使用jQuery的.addClass()。
HTML文件添加菜單
<div class="class1" id="navbar-header"></div>
帶標題的單獨文件
$(document).ready(function () {
if ($( "#navbar-header" ).hasClass( "class1" )) {
$("#id-to-add").addClass("active");
}
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.