从 jQuery $this 值写入 php 文件部分名称

Question

当选择导航项时，我试图在 html 模板中“包含”一个 php 文件。下面的代码使该项目在单击时处于活动状态。我想要做的是，在它变为活动状态的同时，加载与“$this”值相同名称的php文件。我是说： 单击选项卡“two”（$this 值），在 div“#contFl”中加载名为“two.php”的 php 文件，此时其变为“活动”；单击“一个”项目加载“one.php”；... 尝试了“load(...)”中的几种文本结构方法 - 最后一个代码行的最后一个方法 - 但没有结果。很高兴获得一些帮助。

 <script type="text/javascript">
$(document).ready(function(){
    $("ul.navbar-nav > li").click(function(e){
        $("ul.navbar-nav > li").removeClass("active");
        $(this).addClass("active");
        $("#contFl").load('"'+$(this).val()+'.php');
    });
})

导航栏的 HTML 代码

    <div id="collapsibleNavbar" class="collapse navbar-collapse justify-content-around">
  <ul id="collUl" class="navbar-nav col-12 col-lg-auto me-lg-auto mb-1 mb-md-0">
    <li class="nav-item nav-link active" id="uno" role="button"><i class="fa fa-home" aria-hidden="true"></i> Inicio</li>
    <li class="nav-item nav-link" id="dos" role="button"><i class="fa fa-envelope" aria-hidden="true"></i> Dos</li>
    <li class="nav-item dropdown" id="tres"><a class="nav-link dropdown-toggle px-2" href="#" role="button" data-bs-toggle="dropdown"><i class="fa fa-list" aria-hidden="true"></i> Tres</a>
      <ul class="dropdown-menu">
        <a class="dropdown-item" href="index.php"><i class="fa fa-home" aria-hidden="true"></i> Inicio</a>
        <a class="dropdown-item" href="tres.php"><i class="fa fa-list" aria-hidden="true"></i> Tres</a>
        <a class="dropdown-item" href="dos.php"><i class="fa fa-envelope" aria-hidden="true"></i> Dos</a>
        <div class="dropdown-divider"></div>
        <a class="dropdown-item" href="cuatro.php"><i class="fa fa-user" aria-hidden="true"></i> Cuatro</a>
      </ul>
    </li>
    <li class="nav-item nav-link" id="cuatro" role="button"><i class="fa fa-user" aria-hidden="true"></i> Cuatro</li>
  </ul>

模板中的代码包含新的 php 文件。

  <?php
include(ASSETS."/navbar.php");
include(ASSETS."/banner.php")?>

<div id="contFl" class="container-fluid">
<!-- HERE THE NEW 'INCLUDE' -->
</div>