<ul class="nav nav-tabs" id="otherInfoTab">

    <li class="active"><a href="#time_line">时间轴</a></li>

    <li><a href="#complain">投诉</a></li>

    <li><a href="#sms_send">短信回评</a></li>

    <li><a href="#order_path">订单轨迹</a></li>

    <li><a href="#order_paths">xxx</a></li>

</ul>

<div class="tab-content">

    <div class="tab-pane active" id="time_line"></div>

    <div class="tab-pane" id="complain"></div>

    <div class="tab-pane" id="sms_send"></div>

    <div class="tab-pane" id="order_path"></div>

    <div class="tab-pane" id="order_paths">zz</div>

</div>

<script>

    $(function () {

        $('#otherInfoTab a:last').tab('show');//初始化显示哪个tab

        $('#otherInfoTab a').click(function (e) {

            e.preventDefault();//阻止a链接的跳转行为

            $(this).tab('show');//显示当前选中的链接及关联的content

        })

    })

</script>