[英]How do I change the image in a navbar based on what the active url is?
我想做的是在活动网址为index.html
时切换#navbar-image-id2games
。 我试图用javascript来做到这一点,但是似乎没有用。
HTML:
<div class="navbar-item" id="navbar-item-ID2Games">
<a href="index.html" id="index-url">
<div class="navbar-image" id="navbar-image-unhovered">
</div>
<div class="navbar-image" id="navbar-image-id2games">
</div>
<br>
<div class="navbar-text">
ID2 Games
</div>
</a>
</div>
使用Javascript:
$('#index-url').active(function() {
$('#navbar-image-id2games').toggle();
$('#navbar-image-unhovered').hide();
});
JSFiddle: https ://jsfiddle.net/zxsmuaae/
您可以通过执行以下操作来检查用户是否在index.html
:
if (window.location.href.match(/index\.html/)) {
// toggle
}
您可以使用if
语句检查url,然后将可见性设置为隐藏(如果它在特定页面上)。
var navimg = document.getElementById("navbar-image-id2games");
if(window.location.href === "http://example/index.html"){
navimg.style.visibility = "hidden";
}
如果要使其反向(仅当它不在index.html
上时才隐藏),可以将===
替换为!==
。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.