鍍金池/ 問答/HTML/ 如何用bootstrap實現(xiàn)左側(cè)側(cè)邊欄，右邊主頁面。點擊側(cè)邊欄右邊加載主頁的后臺

如何用bootstrap實現(xiàn)左側(cè)側(cè)邊欄，右邊主頁面。點擊側(cè)邊欄右邊加載主頁的后臺管理系統(tǒng)

clipboard.png
如何用jquery和bootstrap實現(xiàn)點擊左側(cè)側(cè)邊欄右邊內(nèi)容刷新

越簡單越好····有demo嗎？

多謝各位大神了

回答
編輯回答
過客

pajax,使用看文檔吧，github用的就是這種方案。

2017年7月11日 06:26
編輯回答
懶洋洋

Bootstrap ACE后臺管理界面模板(扁平化)

兄弟你搜這個，下載下來，這玩意是利用bootstrap實現(xiàn)好的一個前臺UI 的例子，開源的，各種樣式都有，滿足你的需求

2017年1月28日 23:30
編輯回答
乞許

我是這么做的，

    var menuClick = function(menuUrl) {
       
        $("#myManu").load(menuUrl);
        window.location.hash = menuUrl;
    };

//
// //js layout load
//

    function layout_load(ele){
        var url_hash = location.hash;
        if(url_hash.indexOf("#")>-1){
            var url = url_hash.substring(1);
            $(ele).load(url, function () {
                if (typeof (layout_init) != "undefined"){
                    layout_init();
                }
            });
        } else{
            console.log("this is a layout!!!");
        }    
    }
    $(function() {
        $("#myManu").load("index1.html");
        layout_load('#myManu');
    })

第一步，當(dāng)點擊菜單時使用jquery.load將usl加載到指定區(qū)域，添加一個hash
第二步，刷新當(dāng)前頁面時再獲取當(dāng)前hash重復(fù)加載。避免跳到別的頁面。

但是為什么hash值#后面的字符串消失了呢？

2018年9月6日 07:57
編輯回答
撿肥皂

推薦一下這個 LTEadmin 。之前公司后臺的管理系統(tǒng)都是用這個
LTEadmin

2017年3月18日 11:20