日期:2014-05-16  浏览次数:20393 次

关于jquery ui 中tabs的问题?
参考jqueryui中tabs的使用,代码都是来源于jquery ui官网,放到自己建的项目中,出现如下效果:



问题:
为什么会上面部分会显示index.jsp(这是index.jsp页面中的内容),且切换不同的tab没有效果???


------解决方案--------------------
你多写了??
------解决方案--------------------
标签获取的是对应的div内容,仔细看看对应的div中的内容。
------解决方案--------------------
CSS过来了么?
------解决方案--------------------
<script>
$(function() {
$( "#tabs" ).tabs();
$( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" )
.removeClass( "ui-corner-all ui-corner-top" )
.addClass( "ui-corner-bottom" );
});
</script>
<style>
#tabs { height: 200px; } 
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { height: 140px; overflow: auto; } 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0 0.2em 0.2em 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }
</style>