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

Question

我有一个HTML结构：

sdkmanager.bat

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

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

问题： 类<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"); }); }) 正在应用于所选元素，但页面正在刷新，选择正在消失。 如何避免页面刷新？是否有其他方法可以获取所选的slds-is-active元素并应用类并避免页面刷新。

Answer 1

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

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

Answer 2

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

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

您的元素的默认操作似乎是导航到所选链接。返回false会阻止此行为。