如何通过添加类切换选项卡，并在导航栏上加载带有JavaScript的模板？

我在cordova android项目上工作，我想用一个选项卡制作一个

navbar

，当我点击选项卡时，它应该用

$（“”）加载内容。加载（“”）

并在其上添加一个

活动的

类

完美添加“主动”课堂作业

错误是，添加onclick函数

switchSimulasi（）

不起作用

这是我的html代码：

<nav class="navbar navbar-default navbar-fixed-top a-navbar box-shadow" id="a-navbar-default" style="z-index:997;">
    <div class="container">
        <div class="navbar-header col-lg-12 col-md-12 col-sm-12 col-xs-12">
            <a class="navbar-brand" href="#">
               <span class="a-navbar-logo" onclick="openNav()">
                   &#9776; Easly
               </span>
            </a>
        </div>
        <div class="navbar-header">
            <ul class="nav navbar-nav" id="a-navbar-nav">
                <li class="active active-box-shadow"><a href="#">Beranda</a></li>
                <li onclick="switchSimulasi();"><a href="#">Simulasi Pinjaman</a></li>
            </ul>
        </div>
    </div>
</nav>

我尝试了以下javascript代码：

<script type="text/javascript">
    $(".nav li").on("click", function() {
        $(".nav li").removeClass("active");
        $(".nav li").removeClass("active-box-shadow");
        $(this).addClass("active");
        $(this).addClass("active-box-shadow");
    });

    function switchSimulasi{   
        $("#mainContent").load('template-simulasi-pinjaman.html');
    }
</script>

$（“.nav li”）。在（“单击”，函数（）{
$（“.nav li”）.removeClass（“活动”）；
$（“.nav li”）.removeClass（“活动框阴影”）；
$（此）.addClass（“活动”）；
$（this.addClass（“活动框阴影”）；
});
函数开关模拟{
$（“#mainContent”）.load（'template-simulasi-pinjaman.html'）；
}

要使用

$（this）

访问jQuery中的

此
值，您应该-
$（this）[0]
，因此：

$(".nav li").on("click", function() {
    $(".nav li").removeClass("active");
    $(".nav li").removeClass("active-box-shadow");
    $(this)[0].addClass("active");
    $(this)[0].addClass("active-box-shadow");
});    

但在这种情况下，我最好是简单的Js：

$(".nav li").on("click", function() {
    $(".nav li").removeClass("active");
    $(".nav li").removeClass("active-box-shadow");
    this.addClass("active");
    this.addClass("active-box-shadow");
});

要使用
$（this）
访问jQuery中的
this
值，您应该-
$（this）[0]
，因此：

$(".nav li").on("click", function() {
    $(".nav li").removeClass("active");
    $(".nav li").removeClass("active-box-shadow");
    $(this)[0].addClass("active");
    $(this)[0].addClass("active-box-shadow");
});    

但在这种情况下，我最好是简单的Js：

$(".nav li").on("click", function() {
    $(".nav li").removeClass("active");
    $(".nav li").removeClass("active-box-shadow");
    this.addClass("active");
    this.addClass("active-box-shadow");
});

此处语法错误：应为

函数开关Simulasi（）{
$（“#mainContent”）.load（'template-simulasi-pinjaman.html'）；
}
此处语法错误：应为

函数开关Simulasi（）{
$（“#mainContent”）.load（'template-simulasi-pinjaman.html'）；
}
错误是什么？哦，我忘了提到我的错误，错误是，添加onclick函数switchSimulasi（）不起作用，错误是什么？哦，我忘了提到我的错误，错误是，添加onclick函数switchSimulasi（）不起作用抱歉，我的错误是添加onclick函数switchSimulasi（）不起作用，我忘了在帖子中提到我的错误抱歉，我的错误是在添加onclick函数switchSimulasi（）时出错，我忘了在帖子中提到我的错误