如何用bootstrap实现左侧侧边栏，右边主页面。点击侧边栏右边加载主页的后台管理系统

Question

如何用jquery和bootstrap实现点击左侧侧边栏右边内容刷新

越简单越好····有demo吗？

多谢各位大神了

Answer 1

pajax,使用看文档吧，github用的就是这种方案。

Answer 2

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

兄弟你搜这个，下载下来，这玩意是利用bootstrap实现好的一个前台UI 的例子，开源的，各种样式都有，满足你的需求

Answer 3

推荐一下这个 LTEadmin 。之前公司后台的管理系统都是用这个
LTEadmin

Answer 4

我是这么做的，

    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');
    })

第一步，当点击菜单时使用jquery.load将usl加载到指定区域，添加一个hash
第二步，刷新当前页面时再获取当前hash重复加载。避免跳到别的页面。

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