Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Twitter引导CSS框架:单击选项卡不会激活_Jquery_Tabs_Twitter Bootstrap - Fatal编程技术网

Jquery Twitter引导CSS框架:单击选项卡不会激活

Jquery Twitter引导CSS框架:单击选项卡不会激活,jquery,tabs,twitter-bootstrap,Jquery,Tabs,Twitter Bootstrap,我遇到了一个问题:选项卡显示,鼠标在我经过时突出显示选项卡,当我单击时,我获得页面…,但单击的浴缸不保持活动状态。唯一活动的选项卡是第一个 以下是生成的代码: <div class='container'> <ul class='tabs' data-tabs='tabs'> <li class='active'><a href="/">All Repos</a></li> <li><a

我遇到了一个问题:选项卡显示,鼠标在我经过时突出显示选项卡,当我单击时,我获得页面…,但单击的浴缸不保持活动状态。唯一活动的选项卡是第一个

以下是生成的代码:

<div class='container'>
  <ul class='tabs' data-tabs='tabs'>
    <li class='active'><a href="/">All Repos</a></li>
    <li><a href="/cms/watchers">CMS</a></li>
    <li><a href="/css/watchers">CSS</a></li>
    <li><a href="/ruby/watchers">Ruby</a></li>
    <li><a href="/framework/watchers">Framework</a></li>
  </ul>
  <div class='tab-content'>
    ...
        <tbody>
          <tr class='row'>
            <td class='gravatar'>
              <img alt="Assets.github.com%2fimages%2fgravatars%2fgravatar-orgs" height="36" src="https://secure.gravatar.com/avatar/74e977ae0a10f06057a119eef30c6660?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-orgs.png" width="36" />
            </td>
            <td>
              <a href="https://github.com/twitter/bootstrap">twitter/bootstrap</a>
            </td>
            <td>11942</td>
            <td>2042</td>
            <td>HTML, CSS, and JS toolkit from Twitter</td>
            <td>Fri, Jul 29 at  9:19pm</td>
            <td>Fri, Dec  9 at  8:10pm</td>
            <td class='4ee287a91d41c8281f000611'>css</td>
            <td><a href="/tagging?id=4ee287a91d41c8281f000611&amp;tags_string=css" class="button icon tag add-tag" type="submit">Add tag</a></td>
          </tr>
          <tr class='row'>
            <td class='gravatar'>
              <img alt="Assets.github.com%2fimages%2fgravatars%2fgravatar-orgs" height="36" src="https://secure.gravatar.com/avatar/30f39a09e233e8369dddf6feb4be0308?d=https://a248.e.akamai.net/assets.github.com%2Fimages%2Fgravatars%2Fgravatar-orgs.png" width="36" />
            </td>
            <td>
              <a href="https://github.com/rails/rails">rails/rails</a>
            </td>
            <td>11467</td>
            <td>2473</td>
            <td>Ruby on Rails</td>
            <td>Fri, Apr 11 at  2:19am</td>
            <td>Fri, Dec  9 at  9:01pm</td>
            <td class='4ee287791d41c8281f000058'>framework</td>
            <td><a href="/tagging?id=4ee287791d41c8281f000058&amp;tags_string=framework" class="button icon tag add-tag" type="submit">Add tag</a></td>
          </tr>
主要的JS是bootstrap-tabs.JS v1.4.0和jquery/1.6.4/jquery.min.JS,但请遵循etire列表:

<!-- javascript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script src="assets/js/google-code-prettify/prettify.js"></script>
<script>$(function () { prettyPrint() })</script>
<script src="1.4.0/bootstrap-modal.js"></script>
<script src="1.4.0/bootstrap-alerts.js"></script>

<script src="1.4.0/bootstrap-twipsy.js"></script>
<script src="1.4.0/bootstrap-popover.js"></script>
<script src="1.4.0/bootstrap-dropdown.js"></script>
<script src="1.4.0/bootstrap-scrollspy.js"></script>
<script src="1.4.0/bootstrap-tabs.js"></script>
<script src="1.4.0/bootstrap-buttons.js"></script>

$(函数(){prettyPrint()})

您将表格用于布局,而不是div。我很确定它会在插件中过滤,只对div起作用。尝试以下方法:

<ul class="tabs" data-tabs="tabs">
    <li class="active"><a href="#home">Home</a></li>
    <li><a href="#profile">Profile</a></li>
    <li><a href="#messages">Messages</a></li>
    <li><a href="#settings">Settings</a></li>
    <li class="dropdown" data-dropdown="dropdown">
        <a href="#" class="dropdown-toggle">Dropdown</a>
        <ul class="dropdown-menu">
            <li><a href="#fat">@fat</a></li>
            <li><a href="#mdo">@mdo</a></li>
        </ul>
    </li>
</ul>

<div id="my-tab-content" class="tab-content">
    <div class="active tab-pane" id="home">
        <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt
        tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor,
        williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh
        dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex
        squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan
        american apparel, butcher voluptate nisi qui.</p>
    </div>

    <div class="tab-pane" id="profile">
        <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin
        coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next
        level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
        booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco
        ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna
        delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente
        labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit,
        sustainable jean shorts beard ut DIY ethical culpa terry richardson
        biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui
        sapiente accusamus tattooed echo park.</p>
    </div>

    <div class="tab-pane" id="messages">
        <p>Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic
        exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master
        cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck
        pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu
        consequat whatever cardigan nostrud. Helvetica you probably haven't heard of
        them carles, marfa veniam occaecat lomo before they sold out in shoreditch
        scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch
        fap echo park pitchfork mustache dolor.</p>
    </div>

    <div class="tab-pane" id="settings">
        <p>Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats
        seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table
        carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse
        mollit high life, next level Austin nesciunt american apparel twee mustache
        adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1
        commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four
        loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral
        retro consectetur gentrify fap.</p>
    </div>

    <div class="tab-pane" id="fat">
        <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out
        mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
        Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard
        locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy
        irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi
        whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice
        blog. Scenester cred you probably haven't heard of them, vinyl craft beer
        blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
    </div>

    <div class="tab-pane" id="mdo">
        <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
        before they sold out master cleanse gluten-free squid scenester freegan cosby
        sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high
        life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before
        they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf
        viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf
        salvia freegan, sartorial keffiyeh echo park vegan.</p>
    </div>
</div>
生料牛仔布你可能没听说过,奥斯汀牛仔短裤。雀巢 豆腐香,复古合成大师清洗。胡子的陈词滥调, 威廉斯堡卡尔斯素食酒店。雷德亨德瑞特屠夫复古基菲耶酒店 DreamcatcherSynth。Cosby毛衣eu banh mi,qui irure terry richardson前 乌贼。salvia cillum iphone上的Aliquip placeat。Seitan aliquip quis羊毛衫 美国服装,屠夫沃鲁帕特尼斯奎

食品卡车修理工,accusamus mcsweeney的marfa nulla单一产地 咖啡鱿鱼。实习+1个labore velit,下一个博客是服装PBR绑腿 水平韦斯·安德森工匠四罗科农场到餐桌工艺啤酒花呢。魁照片 展位活版,康茂德埃尼工艺啤酒mlkshk aliquip jean短裤ullamco ad乙烯基纤毛PBR。自然人,假定劳动美学巨头 莫利特代表团。Keytar helvetica VHS salvia yr,vero magna velit sapiente 拉伯尔镇。纯素fanny pack odio cillum wes anderson 8位, 可持续牛仔短裤胡须ut DIY道德过失terry richardson 生物柴油。图姆布勒屠夫维罗圣魁镇艺术派对场景 萨皮恩特·阿库萨默斯在回声公园纹身

Banksy do proident,布鲁克林摄影棚德莱克特斯圣工匠 实习eiusmod four loko。奎斯在iphone上纹身,埃塞·阿利夸。主人 清洁vero fixie mcsweeney's。道德波特兰奥特,讽刺食品卡车 干草叉lomo eu动漫。审美博客DIY,伦理胡须绑腿豆腐 康斯奎特,无论什么开襟羊毛衫。你可能没听说过Helvetica 他们是carles,marfa veniam occaecat lomo,在shoreditch售罄之前 有雷霆猫的气味。圣洁豆腐工艺啤酒,莫利特早午餐 fap echo park pitchfork八字胡多洛

芬妮·帕克把一只鸟放在它身上 seitan squid广告狼自行车权利博客。将成品农场放置在桌上 carles 8位,nesciunt nulla etsy ADIPISING有机ea。净化大师 mollit high life,下一级Austin Nescuint美国服饰粗花呢胡须 Adipising reprehenderit连帽衫波特兰讽刺。阿利卡豆腐奎奴亚藜+1 康莫多·埃乌斯莫德。高端威廉斯堡Cupidata twee homo紧身裤。四 loko乙烯基DIY Concertetur nisi,玛法复古keffiyeh素食主义者。范妮包装病毒 复古圣骑士团

Etsy混音带旅行者,道德的wes anderson豆腐在卖完之前 mcsweeney的有机lomo retro fanny pack lo-fi农场到餐桌成品。 信使包绅士干草叉纹身工艺啤酒,iphone滑板 locavore carles etsy salvia banksy连帽衫helvetica。DIY合成PBR banksy 讽刺紧身裤绅士鱿鱼8位cred干草叉。威廉斯堡班米酒店 无麸质的carles pitchfork生物柴油修复剂etsy retro mlkshk副产品 博客。你可能没听说过,乙烯基工艺啤酒 博客小镇。干草叉可持续豆腐合成厂

信托基金seitan活版,keytar raw denim keffiyeh etsy艺术派对 在他们售罄前,大师级清洁无麸质乌贼香酯freegan cosby 毛衣Fanny pack波特兰赛坦DIY,艺术派对locavore wolf cliche high 生活回声公园奥斯汀。Cred乙烯基keffiyeh DIY salvia PBR,之前的版本 他们把农场到餐桌的VHS病毒locavore cosby毛衣卖光了。洛莫狼 病毒性,胡子成衣雷霆猫keffiyeh craft beer marfa道德。狼 salvia freegan,keffiyeh echo公园素食主义者

我想出来了。 是jquery ui与引导选项卡冲突

。。。这使得工作

但我的样品还有一些问题, 请看一看

<ul class="tabs" data-tabs="tabs">
    <li class="active"><a href="#home">Home</a></li>
    <li><a href="#profile">Profile</a></li>
    <li><a href="#messages">Messages</a></li>
    <li><a href="#settings">Settings</a></li>
    <li class="dropdown" data-dropdown="dropdown">
        <a href="#" class="dropdown-toggle">Dropdown</a>
        <ul class="dropdown-menu">
            <li><a href="#fat">@fat</a></li>
            <li><a href="#mdo">@mdo</a></li>
        </ul>
    </li>
</ul>

<div id="my-tab-content" class="tab-content">
    <div class="active tab-pane" id="home">
        <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt
        tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor,
        williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh
        dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex
        squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan
        american apparel, butcher voluptate nisi qui.</p>
    </div>

    <div class="tab-pane" id="profile">
        <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin
        coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next
        level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo
        booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco
        ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna
        delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente
        labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit,
        sustainable jean shorts beard ut DIY ethical culpa terry richardson
        biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui
        sapiente accusamus tattooed echo park.</p>
    </div>

    <div class="tab-pane" id="messages">
        <p>Banksy do proident, brooklyn photo booth delectus sunt artisan sed organic
        exercitation eiusmod four loko. Quis tattooed iphone esse aliqua. Master
        cleanse vero fixie mcsweeney's. Ethical portland aute, irony food truck
        pitchfork lomo eu anim. Aesthetic blog DIY, ethical beard leggings tofu
        consequat whatever cardigan nostrud. Helvetica you probably haven't heard of
        them carles, marfa veniam occaecat lomo before they sold out in shoreditch
        scenester sustainable thundercats. Consectetur tofu craft beer, mollit brunch
        fap echo park pitchfork mustache dolor.</p>
    </div>

    <div class="tab-pane" id="settings">
        <p>Sunt qui biodiesel mollit officia, fanny pack put a bird on it thundercats
        seitan squid ad wolf bicycle rights blog. Et aute readymade farm-to-table
        carles 8-bit, nesciunt nulla etsy adipisicing organic ea. Master cleanse
        mollit high life, next level Austin nesciunt american apparel twee mustache
        adipisicing reprehenderit hoodie portland irony. Aliqua tofu quinoa +1
        commodo eiusmod. High life williamsburg cupidatat twee homo leggings. Four
        loko vinyl DIY consectetur nisi, marfa retro keffiyeh vegan. Fanny pack viral
        retro consectetur gentrify fap.</p>
    </div>

    <div class="tab-pane" id="fat">
        <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out
        mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade.
        Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard
        locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy
        irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi
        whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice
        blog. Scenester cred you probably haven't heard of them, vinyl craft beer
        blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
    </div>

    <div class="tab-pane" id="mdo">
        <p>Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party
        before they sold out master cleanse gluten-free squid scenester freegan cosby
        sweater. Fanny pack portland seitan DIY, art party locavore wolf cliche high
        life echo park Austin. Cred vinyl keffiyeh DIY salvia PBR, banh mi before
        they sold out farm-to-table VHS viral locavore cosby sweater. Lomo wolf
        viral, mustache readymade thundercats keffiyeh craft beer marfa ethical. Wolf
        salvia freegan, sartorial keffiyeh echo park vegan.</p>
    </div>
</div>