bootstrap如何实现左侧导航栏,右侧网页


大概就是想模仿easyui的情况
实现在左侧导航,点击后,右侧主界面可以跳转到相应网页。应该怎么实现呢?

easyui bootstrap

moren66 10 years, 3 months ago

我以前的做法是用js监听hashchange事件,然后根据change的url去发ajax,然后修改右边的主页面。
现在用angular就写一个嵌套路由就可以了。

daiski answered 10 years, 3 months ago

左侧一般是 li 列表 里面要不要 a 看你需求 右侧是可以是一个 div 容器或者一个 iframe

采用 iframe 的话 a target 设置为 iframe name 就行
采用 div 的话 绑定 a 或者 li 的点击事件 阻止 a 的默认行为 然后 ajax html 字符串 success 的时候设置 div innerHTML 就可以了

当然了还有楼上提到的angular的嵌套路由也可以

Tamaji answered 10 years, 3 months ago

Your Answer