Question

我在左侧形成了BS4侧边栏导航，在右侧具有了一个Content Div。

<nav id="sidebar">
<ul class="list-unstyled components">
<li>
  <a href="dashboard.html">
<i class="fas fa-cubes"></i>
  Dashboard</a></li>
  <li>
    <a href="business.html">
      <i class="fas fa-briefcase"></i>
      About</a></li>
    <a href="portfolio.html">
      <i class="fas fa-portfolio"></i>
      Portfolio</a></li>
    <a href="services.html">
      <i class="fas fa-services"></i>
      Services</a></li>
  </ul>
</nav>
<div id="content"></div>

我的Jquery函数在下面；

$(document).ready(function(){
   $('#sidebar ul li a').on('click',function(event){
    event.preventDefault();
   $('#content').empty();
   $('#content').load($(this).attr('href'));
       return false;
   });
});

现在，所有这些“ href”文件（如Portfolio [dot] html，dashboard [dot] html）都是动态页面，它们再次使用不同的JavaScript库，例如Google Chart API，Datatables等。当我点击这些文件时，我想要将相应的href html页面加载到“内容”分区中。我正在使用以下Jquery代码。

问题在于，第一次单击时页面加载良好，但是此后，仅HTML静态内容可见，而第二次单击后未加载相应页面的Javascript内容。我读过某个地方，我需要避免多次重载Javascript库，因此我从href页中删除了这些库，只将它们包括在Index页中。仍然存在相同的问题。每次单击“ li”，一切正常。第二次单击，其不会从href页面加载内容。谁能帮我这个忙。自上个2-3周以来，我一直处于困境。

BS4侧边栏导航的Jquery.Load

0 个答案: