0

我的代码如下所示：

<!doctype html>
<html ng-app="ui.bootstrap.demo">
  <head>
    <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.16/angular.js"></script>
    <script src="//angular-ui.github.io/bootstrap/ui-bootstrap-tpls-0.12.1.js"></script>
    <script src="example.js"></script>
    <link href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet">
  </head>
  <body>

<div ng-controller="TabsDemoCtrl">
  <tabset>
    <tab heading="Tab1">content 1</tab>
    <tab heading="Tab2">content 2</tab>
    <tab heading="Tab3">content 3</tab>
  </tabset>
</div>
  </body>
</html>

此代码创建默认选项卡集，如下 plunker 代码所示：

http://plnkr.co/edit/?p=preview&s=gYWtjBltWXYqhczs

我希望我的标签集看起来像这张图片中的标签标题在底部

我希望我的标签集看起来像这张图片中的标签标题在底部。

请指导我如何实现这一目标？

4

1 回答 1

0

在大量挖掘和标签在浏览器中的页面加载时呈现的内容后，我自己找到了解决方案：

这条 jquery 代码将为您完成这项工作：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script>
$(document).ready(function(){
    var timex = setInterval(function(){
        if($(".tab-content").html()){
            clearInterval(timex);
            $('div.tab-content').insertBefore($('div.tab-content').prev('ul'));
        }
    },1);

});
</script>
于 2015-03-14T13:10:33.390 回答