Twitter Bootstrap-Registerkarte zeigt, dass beim Laden der Seite kein Ereignis ausgelöst wird

Auf einer Seite wo ich haben tabs und das folgende script (coffeescript, ich habe das kompilierte javascript überprüft und es scheint in ordnung zu sein) ...

$ ->
    init()

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

Jetzt wird das Ereignis 'shown' beim Laden der Seite nicht ausgelöst. Daher gibt es für den ersten auf der Seite angezeigten Tab keine Möglichkeit, dies zu handhaben (dh: Laden von Inhalten über xhr).

Ich habe versucht, dies dem obigen Skript hinzuzufügen, um zu sehen, ob das manuelle Auslösen funktionieren könnte:

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

... aber es war nicht so.

Dies ist der HTML-Code, den ich in meiner Ansicht verwende

<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>

Irgendeine Ahnung?

Antworten auf die Frage(3)

Ihre Antwort auf die Frage