AdminLTE点击左侧菜单局部切换右侧页面

AdminLTE点击左侧菜单局部切换右侧页面

参考下方代码,标签<li>中的target与<iframe>中的name保持一致,就可以实现点击左侧菜单局部切换右侧页面。

<li class="treeview">
  <a href="#"><i class="fa fa-link"></i> <span>页面管理</span>
    <span class="pull-right-container">
        <i class="fa fa-angle-left pull-right"></i>
      </span>
  </a>
  <ul class="treeview-menu">
    <li><a href="/new1/" style="margin-left: 19px;" target="new">页面1</a></li>
    <li><a href="/new2/" style="margin-left: 19px;" target="new">页面2</a></li>
  </ul>
</li>

<iframe>中的src属性跳转的是默认页面

<section class="content container-fluid">
    <iframe  frameborder="0" scrolling="no" id="test" onload="this.height=100" name="new" src="/new3/" style="width: 50%">
    </iframe>
</section>

有问题欢迎留言或微信联系