javascript - 如何根据事件网址更改导航栏中的图像？

Question

我想做的是在事件 url 为 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/

Answer 1

你可以通过以下方式检查用户是否在 index.html 中:

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