时间戳

首页 > 解决方案 > jQuery更新字段onClick事件

javascript - jQuery更新字段onClick事件

问题描述

所以我有一个问题，我无法在我的生活中获得jQuery更新我的 html 页面上的字段的命令。

目标是当我打开导航栏并查看元素时，我想更新品牌文本以显示我当前所在的“页面”。问题是，当我在任何这些链接上执行 onClick 事件时，它不会更新。我可以在主页上使用带有示例链接的相同代码，它工作正常，所以我不知道是什么原因造成的。

<nav class="navbar navbar-light">
    <div class="container-fluid"><div class="navbar-brand" id="Brand">Brand</div><button data-toggle="collapse" data-target="#navcol-1" class="navbar-toggler"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
        <div class="collapse navbar-collapse" id="navcol-1">
            <ul class="nav navbar-nav">
                <li role="presentation" class="nav-item"><a href="#" class="nav-link active" id="ONE">First Item</a></li>
                <li role="presentation" class="nav-item"><a href="#" class="nav-link">Second Item</a></li>
                <li role="presentation" class="nav-item"><a href="#" class="nav-link">Third Item</a></li>
            </ul>
        </div>
    </div>
</nav>

jQuery代码：

$(function() {
  $('#ONE').click(function() {
    $('#Brand').text('hello');
  });
});

标签： javascriptjqueryhtmlbootstrap-4

解决方案

推荐阅读