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?