使用adminlte搭建的前端框架，左侧菜单栏有很多页面需要跳转，除了用iframe还有什么别的解决方案吗

krifyone 2017-07-18 08:52:26

现在使用了iframe，左侧页面和右侧跳转部分都是，但是左侧的样式并没有过来，请问各位大侠有什么解放方法吗，也求有adminlte经验的大侠知道一下

...全文

770 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

飞12138 2018-10-23

打赏
举报

回复

右侧js也没加载对吧？

AdminLTE点击左侧菜单局部切换右侧页面参考下方代码，标签<li>中的target与<iframe>中的name保持一致，就可以实现点击左侧菜单局部切换右侧页面。 <li class="treeview"> <a href="#"><i class="fa fa-link"></i> <span>页面管理...

需求：AdminLTE菜单栏点击子菜单后，会刷新页面，然后菜单栏就折叠了。体验不好！优化为即使页面刷新了原菜单栏保持点击前状态解决办法：直接在菜单栏所在文件新增以下脚本代码即可 <script> $('.sidebar-menu li:not(.treeview) > a').on('click', function(){ var $parent = $(this).parent().addClass('active'); $parent

需求：菜单框架和菜单内容是不同组件开发，通过iframe联动的，现在需要由一个菜单跳转到另一个菜单，实现左侧菜单和上方Tab标签都跟随变化菜单内容若是和菜单框架使用同一组件，那么自然有相应的文档，菜单跳转非常简单，但内嵌不同开发组件或者页面要实现跳转，提供菜单框架的组件不能使用 解决方案：在内嵌的iframe中去控制外层的页面网址，实现菜单跳转在内嵌iframe的js中，通过window.open("url","_top")或者通过top.location.href=url来实现跳转，url为需要

一、效果展示 1、div实现效果 2、iframe实现效果二、左侧菜单栏样式菜鸟左侧菜单栏中有5个示例，基本满足了大部分场景需求。参考文档：Bootstrap5 侧边栏导航(Offcanvas) | 菜鸟教程我这里采用的是第4个样式，这个样式只展示了左侧菜单栏。接下来我将实现左侧菜单栏和右侧主界面的联动跳转。三、菜单栏和右侧主界面的联动跳转有2中比较常用的实现方式： 1、使用div实现主界面切换实现思路动态监听 a 的 click事件；..

由于开发需要，很多时候需要使用到iframe框架，即子页面，子页面使用是挺方便的，但如果子页面呢需要跳转整个页面呢，比如我就遇到了一个问题，我子页面有个功能需要登录，所以连接的是登录页面，但登录页面只在子页面中显示，这就显得很不合理了，在这里，我介绍几种方法，第一种，是比较大众的方法，及子页面内<a>标签的整个页面跳转，只需在<a> 标签中添加"target=_p...

10,606

社区成员

29,047

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章