bootstrap 2.0 onglet avec le data-toggle=“tab” n'apparaît pas sur la barre de navigation

ok, im en utilisant Jquery (edge) numéro de version, et bootstrap 2.0, et j'ai ce code:

    <div id="leftcol">
<div id="ppl" class="tabbable tabs-left">
<ul id="tabppl">
<li class="active"><a class="bl" href="#1" data-target="#1" data-toggle="tab"> 1<span class="arroright"> </span></a> </li>
<li><a class="bl" href="#2" data-target="#2" data-toggle="tab"> 2<span class="arroright"> </span></a> </li>
<li><a class="bl" href="#3" data-target="#3" data-toggle="tab"> 3 <span class="arroright"> </span></a> </li>
<li><a class="bl" href="#4" data-target="#4" data-toggle="tab">  4<span class="arroright"> </span></a>  </li>
<li><a class="bl" href="#5" data-target="#5" data-toggle="tab"> 5<span class="arroright"> </span></a></li>
<li><a class="bl" href="#6" data-target="#6" data-toggle="tab"> 6<span class="arroright"> </span></a>  </li>
<li><a class="bl" href="#7" data-target="#7" data-toggle="tab"> 7 <span class="arroright"> </span></a></li>
<li><a class="bl" href="#8" data-target="#8" data-toggle="tab"> 8<span class="arroright"> </span></a>  </li>
<li><a class="bl" href="#9" data-target="#9" data-toggle="tab">9 <span class="arroright"> </span></a> </li>
</ul>
</div><!-- ppl-->
</div><!--leftcol-->

Je sais que la théorie, et d'un code simple comme cela ne fonctionne que si j'ai mis "data-toggle="tab"" dans chaque -un - tag, mais le #Sens n'apparaît pas sur la barre de navigation, il modifie uniquement le contenu, l'url http://twitter.github.com/bootstrap/javascript.html#tabs ne pas l'expliquer, c'est comme un nav, mais avec les onglets. J'ai besoin de toutes ces informations apparaissent sur la barre de navigation. Comme http://Your-url.com/#yourtabclicked

InformationsquelleAutor Ignacio Bustos | 2012-04-02
  1. 1

    J'ai trouvé quelque chose que le travail. Il fait toutes les URL de travail avec le n ° ID de pointeur.
    juste ajouter ceci:

    $(function () {
var activeTab = $('[href=' + location.hash + ']');
activeTab && activeTab.tab('show');
});

    Et cet autre code à apparaître votre Onglet ouvert sur la barre de navigation lorsque vous cliquez dessus:

    $('.nav a').on('shown', function (e) {
window.location.hash = e.target.hash;
})

    la plupart du code a été trouvé dans les différentes parties de ce site web.

    REMARQUE: vous devez disposer de la dernière JQuery (avec le réel 1.7.1 œuvres).

    InformationsquelleAutor Ignacio Bustos
  2. 1

    Les onglets par défaut de l'e.preventDefault.

      $(function () {
$('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
e.preventDefault()
$(this).tab('show')
})
})

    Vous pouvez essayer de désactiver par défaut par:

    $('body').off('click.tab.data-api');

    par exemple. 

      $(function () {
$('body').off('click.tab.data-api');
$('body').on('click.tab.data-api', '[data-toggle="tab"], [data-toggle="pill"]', function (e) {
//notice the e.preventDefault() is missing now
$(this).tab('show');
})
})

    N'ai pas testé mais ça devrait marcher.

    InformationsquelleAutor Pawel Dubiel