已有三个jsp 页面，如何用tabs来整合到一个jsp页面上
0
悬赏园豆：15
[待解决问题]
主要是不知道用tabs的页面怎么弄，有没有懂的大神，网上一堆资料都是在tabs页面画出了div ul之类的标签，然后去跳转什么的，但是没弄过
所有回答(3)
0
tabs？你用的是jquery ui?
<div id="divTabs" style="width:500px; position:relative;">
<ul>
<li><a href="#tab1_1">one</a></li>
<li><a href="index.do">two</a></li> //引用页面的话是默认使用ajax进行加载
<li><a href="#tab1_3">three</a></li>
</ul>
<div id="tab1_1">tab1_1内容</div>
<div id="tab1_3">tab1_3内容</div>
</div>
<script type="text/javascript">
$(function(){
$("#divTabst").tabs();
});
</script>
有段时间没用了。看看是不是这样的，公司电脑没有jquery ui的包就没测试
多看看 API http://jqueryui.com/demos/tabs
@蓝瘦香菇: 弱弱地问一句，你这个是百度搜的吗，我貌似刚才搜的时候看到过
@黑子菜园: 的确可以用jquery ui
@黑子菜园: 现在基本不用jquery ui了。这个知识点不算难，百度找下就可以的。
0
Bootstrap 是个不错的选择
说了等于没说
0
1）导入css样式文件和js文件
这里省略导入css样式文件和js文件（如果不知道导入哪些可以继续问我）
2）写一个div容器用作放tabs 给一个id属性 (demo1.jsp,demo2.jsp,demo3,jsp分别放你内三个jsp路径)
1 <div id="tabs"> 2 <ul> 3 <li><a href="demo1.jsp">菜单1</a></li> 4 <li><a href="demo2.jsp">菜单2</a></li> 5 <li><a href="demo3.jsp">菜单3</a></li> 6 <ul> 7 </div>
3）jquery初始化方法
<script type="text/javascript"> $(function() { $("#tabs").tabs(); }); </script>
