合并更改活动li并重新加载页面javascript的一部分

我用js在我的页面上点击有两个简单的功能，第一个是更改当前li中活动的css，另一个是只重新加载内容

更换活动锂

$(".list li").on("click", function(){
    $(".list li").removeClass('active');
    $(this).addClass('active');
});

仅重新加载内容

$('.content').load('Passtel/dashboard');
$('ul.list li a').click(function(){
   var page = $(this).attr('href');
   $('.content').load('Passtel/'+page);
   return false;
});

问题是，只有在有两个正在运行的情况下，函数重载内容才会起作用，但我已经测试了每个函数的工作方式

如何使这两个函数一起工作

这是我的内容结构

        <!-- Menu -->
        <div class="menu">
            <ul class="list">
                <li class="active">
                    <a href="dashboard">
                        <i class="material-icons">home</i>
                        <span>DASHBOARD</span>
                    </a>
                </li>
                <li>
                    <a href="check">
                        <i class="material-icons">text_fields</i>
                        <span>CHECK SITE</span>
                    </a>
                </li>
                <li>
                    <a href="datek">
                        <i class="material-icons">layers</i>
                        <span>DATA TEKNIS</span>
                    </a>
                </li>
           </ul>
        </div>

您可以使用以下内容：

$(function () {
    $('.content').load('Passtel/dashboard');
    $('ul.list li a').click(function () {
        e.preventDefault();
        $(".list li").removeClass('active');
        $(this).parent().addClass('active');  //added parent() here
        var page = $(this).attr('href');
        $('.content').load('Passtel/' + page);
        return false;
    });
});

/$（'.content'）.load（'Passtel/dashboard'）；
$（'ul.list li a'）。单击（函数（e）{
e、 预防默认值（）；
$（“.list li”）.removeClass（'active'）；
$（this.parent（）.addClass（'active'）；
var page=$（this.attr（'href'）；
//$（'.content'）.load（'Passtel/'+page）；
返回false；
});
.active{
背景色：红色；
}









您只需一个功能即可完成此任务。希望有帮助


什么是HTML结构？@PhaniKumarM我用我的HTML结构更新了我的问题，谢谢你的回答，但不幸的是它也不起作用，页面重新加载与以前一样，但活动li卡在第一个li中。可以尝试上面的代码。使用
e.preventDefault（）
。请注意，我注释掉了加载.e.preventDefault（）缺少行的代码。我在$（'ul.list li a'）中添加了e。单击（函数（）变成$（'ul.list li a'）。单击（函数（e）就行了，谢谢你的帮助谢谢你的回答，这很有效，很有帮助，：D
const ul = $(".list");
const list = ul.find('li');

ul.on("click", 'li a', function(e){
  e.preventDefault();
  list.removeClass('active');
  $(this).parent().addClass('active');

  var page = $(this).attr('href');
  // replace this with your $('.content').load('Passtel/'+page);
  $('.content').load('https://jgatjens.com/?' + page);
});