javascript - type - data content bootstrap




L'onglet Bootstrap de Twitter indique que l'événement ne se déclenche pas lors du chargement de la page (2)

Dans une page où j'ai n onglets, et le script suivant (coffeescript, j'ai vérifié le javascript compilé et ça semble aller) ...

$ ->
    init()

init = ->
    $('a[data-toggle="tab"]').on 'shown', (event) ->
        shown = event.target
        console.log("Showing tab: " + shown)

Maintenant, l'événement 'shown' ne se déclenche pas au chargement de la page, donc pour le premier onglet affiché sur la page, il n'y a aucun moyen de gérer cela (ie: chargement du contenu via xhr)

J'ai essayé d'ajouter ceci au script ci-dessus, pour voir si le déclencher manuellement pourrait fonctionner:

$('a[data-toggle="tab"]:first').tab 'show'

... mais pas.

C'est le code HTML que j'utilise à mon avis

<div class="tabbable">
<ul class="nav nav-tabs">
    <li class="active">
        <a href="#updates" data-toggle="tab"><%=t :updates, :scope => 'user.profile.sections'%></a>
    </li>
    <li class="">
        <a href="#activity" data-toggle="tab"><%=t :activity, :scope => 'user.profile.sections'%></a>
    </li>
    <li class="">
        <a href="#articles" data-toggle="tab"><%=t :articles, :scope => 'user.profile.sections'%></a>
    </li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="updates">

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

    </div>

    <div class="tab-pane" id="articles">

    </div>

</div>
</div>

Une idée?







coffeescript