jquery - 如果不添加空的 <ul> 标签，nav-tabs 将无法工作

Question

我在使用 Bootstrap 选项卡 View 时遇到问题。我的代码似乎没问题，但我需要添加一个 <ul></ul> <ul class="nav-tabs"> 之前的代码类使我的代码正常工作。为什么？

通常情况下，代码应该可以在不添加代码的情况下工作..

<div class="tabbable-line">

    <ul></ul> <!-- IF I do no put this line, tab doesn't work ! Why ? -->

    <ul class="nav nav-tabs " data-tabs="tabs">
        <li class="active">
            <a href="#needsUI" data-toggle="tab" aria-expanded="true"> Needs
                <span class="icon-basket"></span>
            </a>
        </li>
        <li class="">
            <a href="#offerInformationsUI" data-toggle="tab" aria-expanded="false"> Information
                <span class="icon-notebook"></span>
            </a>
        </li>
        <li class="">
            <a href="#customerUI" data-toggle="tab" aria-expanded="false"> Customer
                <span class="icon-user"></span>
            </a>
        </li>
        <li class="">
            <a href="#confirmUI" data-toggle="tab" aria-expanded="false"> Confirm
                <span class="icon-check"></span>
            </a>
        </li>
    </ul>

    <div class="tab-content">


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


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


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


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

    </div>

</div>

Answer 1

你能添加这段代码吗

<ul>
  <li>&nbsp;</li>
</ul> 

如果工作那么好的，或者你能给我源代码或测试 url 吗？