javascript - 如何通过添加类切换选项卡并在导航栏上使用 JavaScript 加载模板？

Question

我在 cordova android 元素上工作，我想制作一个带有选项卡的 navbar，当我单击选项卡时，它应该使用 $("") 加载内容。 load(''); 并在其上添加一个 active 类。

完美地添加'active'类

错误是，添加 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>

Answer 1

此处语法错误:应该是 函数 switchSimulasi() { $("#mainContent").load('template-simulasi-pinjaman.html'); }