请问后台左侧面板点击跳转新页面左侧面板如何还能保持？thinkphp 3.2-php教程-PHP中文網

首頁

後端開發

php教程

请问后台左侧面板点击跳转新页面左侧面板如何还能保持？thinkphp 3.2

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 20, 2016 pm 12:27 PM

表达不清先上图说下
想实现的是

如上图顶部导航点击显示对应左侧面板（已实现）
在左侧面板点击显示折叠面板已实现
折叠面板里的链接点击就是新的页面链接了虽然a标签target 是在本页的属性值
但也是新页面默认Jquery 就是显示左侧第一个了

一般不都是点击哪个还是保留点击状态的么

<html><head>    <title></title>    <meta charset="utf-8"/></head><body><style type="text/css">    body {        margin: 0px;    }</style><style type="text/css">        /*base*/        dl dd{ margin-left: 0px;}        div.header {            width: 100%;            height: 7%;            border-bottom: 1px solid #333333;            background: #000;;        }        div.header div.logo {            width: 20%;            float: left;            overflow: hidden;            height: 100%;        }        div.header div.nav {            width: 60%;            float: left;            overflow: hidden;            height: 100%;        }        div.header div.nav em {            font-style: normal;            width: 8%;            color: #fff;            height: 100%;            line-height: 1em;            display: block;            float: left;            overflow: hidden;            text-align: center;            line-height: 2.8em;;        }        /*选中样式*/        .select {            background: #fff;            color: #000;        }        div.login_center {            width: 20%;            background: #fff;            height: 100%;            float: left;            color: #333;            font-size: 12px;        }    </style>    <div class="header">        <div class="logo">            xxxcms        </div>               <div class="nav">            <em>首页</em>            <em>全局设置</em>            <em>用户</em>            <em>文章</em>            <em>数据库</em>            <em>缓存</em>        </div>        <!--登陆后 显示用户名-->        <div class="login_center">            <p>                <span>欢迎登陆xxxcms系统，</span>{$username},(身份：管理员)                <span><a href="#"                         target="_self">退出</a></span>                <span><a href="#" target="_blank">前台首页</a></span>            </p>        </div>    </div>  <script type="text/javascript" src="http://photo.no5.com.cn/page_2014/js/jquery-1.6.4.min.js?v=20140319"></script>    <script type="text/javascript">        $().ready(function () {           //DOM加载完成 第一显示 同辈元隐藏            $(".menu_left_list").eq(index).show().siblings().hide();        })		</script>  <div style="width: 100%; overflow: hidden; background: #eff0ee;">    <!--左侧菜单 -->    <block name="left">        <style type="text/css">            /*左侧面板位置*/            div.left_panel {                width: 10%;                float: left;                height: 100%;                overflow: hidden;                background: #000;            }            /*点击滑动上下菜单*/            div.left_panel dl.slide_panel dt {                text-align: center;                font-size: 1.2em;                margin-bottom: 5px;                height: 30px;                line-height: 30px;            }            div.left_panel dl.slide_panel dd {                display: none;                margin-bottom: 5px;                height: 28px;                line-height: 28px;                text-align: center;            }            div.left_panel dl.slide_panel dd a {                font-size: 12px;                color: #fff;                text-decoration: none;            }            /*头部导航滑动门*/            div.menu_left_list {                display: none;                color: #fff;            }        </style>        <div class="left_panel">            <div class="menu_left_list">                常用操作                浏览记录            </div>            <div class="menu_left_list">               <dl class="slide_panel">                    <dt>网站设置</dt>                    <dd><a href="#" target="_self">基本设置</a></dd>                    <dd><a href="#" target="_self">全局设置</a></dd>                    <dd><a href="#" target="_self">安全设置</a></dd>                </dl>                <dl class="slide_panel">                    <dt>成员管理</dt>                    <dd><a href="#" target="_self">管理员设置</a></dd>                    <dd><a href="#" target="_self">会员设置</a></dd>                </dl>                <dl class="slide_panel">                    <dt>菜单管理</dt>                    <dd><a href="#" target="_self">首页菜单</a></dd>                </dl>            </div>            <div class="menu_left_list">                <dl class="slide_panel">                    <dt>权限管理</dt>                    <dd><a href="#" target="_self">权限列表</a></dd>                    <dd><a href="#" target="_self">用户组权限</a></dd>                    <dd><a href="#" target="_self">会员权限</a></dd>                </dl>            </div>            <div class="menu_left_list">                <dl class="slide_panel">                    <dt>文章管理</dt>                    <dd><a href="#" target="_self">发布文章</a></dd>                    <dd><a href="#" target="_self">文章分类</a></dd>                    <dd><a href="#" target="_self">文章列表</a></dd>                    <dd><a href="#" target="_self">文章tag</a></dd>                </dl>                <dl class="slide_panel">                    <dt>栏目管理</dt>                    <dd><a href=“#” target="_self" title="menu">增加栏目</a></dd>                    <dd><a href="#" target="_self">删除栏目</a></dd>                    <dd><a href="#" target="_self">修改栏目</a></dd>                    <dd><a href="#" target="_self">更新栏目</a></dd>                </dl>                <dl class="slide_panel">                    <dt>图片管理</dt>                    <dd><a href="#" target="_self">增加文章</a></dd>                    <dd><a href="#" target="_self">删除文章</a></dd>                    <dd><a href="#" target="_self">修改文章</a></dd>                    <dd><a href="#" target="_self">更新文章</a></dd>                </dl>            </div>            <div class="menu_left_list">                <dl class="slide_panel">                    <dt>网站备份</dt>                    <dd><a href="#" target="_self">数据库备份</a></dd>                    <dd><a href="#" target="_self">数据库还原</a></dd>                    <dd><a href="#" target="_self">数据库缓存清理</a></dd>                </dl>            </div>            <div class="menu_left_list">                <dl class="slide_panel">                    <dt>缓存管理</dt>                    <dd><a href="#" target="_self">更新HTML缓存</a></dd>                    <dd><a href="#" target="_self">更新所有缓存</a></dd>                    <dd><a href="#" target="_self">更新栏目缓存</a></dd>                </dl>            </div>        </div>    </script>  <script type="text/javascript">  function toggle_dl_ele(click_ele,toggle_type,z_index) {                $(click_ele).click(function (event) {                          if (this == event.target) {                         toggle_type == "on"?$ (this).nextAll().toggle():false;                           if(z_index =="parent"){                                    $(this).addClass('select').siblings('.select').removeClass('select');                                    $('.menu_left_list .slide_panel dd ').removeClass('select');                                }                                else{                                    $(this).addClass('select').siblings().removeClass('select');                                  $('.menu_left_list .slide_panel dt ').removeClass('select');                                }                               $(this).find('a:first').css({"color": "#000"}).parent().siblings().find("a").css({"color":"#fff"});                            }                            else {}  }) }            toggle_dl_ele('dl.slide_panel dt','on','parent');                    toggle_dl_ele('dl.slide_panel dd','off','son');              function tab(event_parent_ele,event_ele,event_type,content_ele,add_class){                       $(event_parent_ele).delegate(event_ele,event_type , function (event) {                       if (this == event.target) {                        var index = $(this).index();                        $(content_ele).eq(index).toggle().siblings().hide();                      $(this).addClass(add_class).css({'color': '#000' }).siblings().removeClass(add_class).css({'color': '#fff'});                                          } else {                        return false;                    }                })            }            tab(".header",".nav em","click",".menu_left_list","select")        </script> <style type="text/css">        div.right {            width: 90%;            float: left;            overflow: hidden;        }    </style> <div class="right">        <!--右侧内容快-->        <block name="right">            <style type="text/css">                div.right_panel {                    width: 90%;                    float: left;                }                div.right_panel div#right_content {                    width: 100%;                    float: right;                }            </style>            <div class="right_panel">                <div id="right_content">                    <p></p>                    <p></p>                    <p></p>                </div>            </div>        </block>    </div></div></body></html>

我想的是头部和左侧面板都是公用的  用的thinkphp 模板继承
点击左侧折叠面板链接直接新页面了  默认DOM 加载完成就是显示第一个的  直接页面跳转的话必须用其他的方式记录触发的索引么比如cookies 链接后面加参数这样？

一般这样的效果都怎么实现呢

求指点

回复讨论(解决方案)

html frameset

想问一下。用VS做怎么来实现

陳述

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

PHP與Python：了解差異Apr 11, 2025 am 12:15 AM

PHP和Python各有優勢，選擇應基於項目需求。 1.PHP適合web開發，語法簡單，執行效率高。 2.Python適用於數據科學和機器學習，語法簡潔，庫豐富。

php：死亡還是簡單地適應？Apr 11, 2025 am 12:13 AM

PHP不是在消亡，而是在不斷適應和進化。 1)PHP從1994年起經歷多次版本迭代，適應新技術趨勢。 2)目前廣泛應用於電子商務、內容管理系統等領域。 3)PHP8引入JIT編譯器等功能，提升性能和現代化。 4)使用OPcache和遵循PSR-12標準可優化性能和代碼質量。

PHP的未來：改編和創新Apr 11, 2025 am 12:01 AM

PHP的未來將通過適應新技術趨勢和引入創新特性來實現：1)適應云計算、容器化和微服務架構，支持Docker和Kubernetes；2)引入JIT編譯器和枚舉類型，提升性能和數據處理效率；3)持續優化性能和推廣最佳實踐。

您什麼時候使用特質與PHP中的抽像類或接口？Apr 10, 2025 am 09:39 AM

在PHP中，trait適用於需要方法復用但不適合使用繼承的情況。 1)trait允許在類中復用方法，避免多重繼承複雜性。 2)使用trait時需注意方法衝突，可通過insteadof和as關鍵字解決。 3)應避免過度使用trait，保持其單一職責，以優化性能和提高代碼可維護性。

什麼是依賴性注入容器（DIC），為什麼在PHP中使用一個？Apr 10, 2025 am 09:38 AM

依賴注入容器（DIC）是一種管理和提供對象依賴關係的工具，用於PHP項目中。 DIC的主要好處包括：1.解耦，使組件獨立，代碼易維護和測試；2.靈活性，易替換或修改依賴關係；3.可測試性，方便注入mock對象進行單元測試。

與常規PHP陣列相比，解釋SPL SplfixedArray及其性能特徵。Apr 10, 2025 am 09:37 AM

SplFixedArray在PHP中是一種固定大小的數組，適用於需要高性能和低內存使用量的場景。 1)它在創建時需指定大小，避免動態調整帶來的開銷。 2)基於C語言數組，直接操作內存，訪問速度快。 3)適合大規模數據處理和內存敏感環境，但需謹慎使用，因其大小固定。

PHP如何安全地上載文件？Apr 10, 2025 am 09:37 AM

PHP通過$\_FILES變量處理文件上傳，確保安全性的方法包括：1.檢查上傳錯誤，2.驗證文件類型和大小，3.防止文件覆蓋，4.移動文件到永久存儲位置。

什麼是無效的合併操作員（??）和無效分配運算符（?? =）？Apr 10, 2025 am 09:33 AM

JavaScript中處理空值可以使用NullCoalescingOperator(??)和NullCoalescingAssignmentOperator(??=)。 1.??返回第一個非null或非undefined的操作數。 2.??=將變量賦值為右操作數的值，但前提是該變量為null或undefined。這些操作符簡化了代碼邏輯，提高了可讀性和性能。

See all articles