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

标签 javascript jquery html css

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

最佳答案

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

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

关于javascript - 如何根据事件网址更改导航栏中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30294408/

相关文章:

javascript - 在 Jquery 1.8.0 中不使用 CSS 选择器的替代方案是什么?

javascript - 如何使用 jQuery 根据数组中的单词检查文本字段值?

jquery - Cloudinary 上传小部件与 "Failed to set the ' 上的 Jquery 'HTMLInputElement' value' 属性“

JavaScript 只工作一次

javascript - 使用drawImage在canvas上绘制像素数据

javascript - 平滑变化的文本

javascript - 无法使用 javascript 将 JSON 响应转换为 HTML 表

javascript - ajax验证成功后才提交表单

html - 如何创建一个包含堆叠文本的 div/按钮?

javascript - 处理 React 中的状态变化