Javascript 从列表元素（<；li>；）获取所选值后刷新页面

我的HTML结构如下：

<ol class="slds-progress__list" id="olid">
    <li class="slds-progress__item"> 123 </li>
    <li class="slds-progress__item"> 345 </li>
</ol>

123
345

我在下面编写了Jquery，以获取选定的li元素并将其他类应用于该元素：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    $(function() {
    $('#olid li').click(function() {
            $(this).addClass("slds-is-active");
    });

})

$（函数（）{
$（'#olid li'）。单击（函数（）{
$（this）.addClass（“slds处于活动状态”）；
});
})

问题: 类

sld处于活动状态

正在应用于所选元素，但页面正在刷新，所选内容正在消失。 如何避免页面刷新？是否有其他方法获取所选的

li

元素并应用类并避免页面刷新

$(function() {
    $("#olid li").click(function() {
            $(this).addClass("slds-is-active");
            **return false;**
    });

---

添加return false会停止页面刷新。

返回false会导致jQuery在处理事件时不执行默认操作

$(function() {
    $("#olid li").click(function() {
            $(this).addClass("slds-is-active");
            **return false;**
    });

$('#olid li').click(function() {
        $(this).addClass("slds-is-active");
        return false;
});

---

看起来元素的默认操作是导航到所选链接。返回false可防止这种行为。

李是否有任何链接[因为我无法看到任何链接]，可能还有其他脚本。检查一下。Jquery代码没有问题。除了jquery代码之外，您提供的代码可能还有其他问题，我认为没有理由刷新页面，请您创建一个代码来演示您的问题。如果这是每个人都怀疑的，并且你的li中有一个链接，那么你需要阻止该链接的操作（请参见下面的答案）@AlivetoDie没有链接。