Question

我尝试做的是在活动网址为#navbar-image-id2games时切换index.html。我试图用这样的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/

Answer 1

您可以通过执行以下操作检查用户是否在index.html：

if (window.location.href.match(/index\.html/)) {
    // toggle
}

Answer 2

您可以使用if语句检查网址，然后将可见性设置为隐藏（如果它位于特定网页上）。

var navimg = document.getElementById("navbar-image-id2games");
if(window.location.href === "http://example/index.html"){
    navimg.style.visibility = "hidden";
}

如果您想要将其隐藏在只有index.html不在隐藏的位置时才能隐藏，您可以将===替换为!==。

如何根据活动网址更改导航栏中的图像？

2 个答案: