Die Registerkarte Bootstrap funktioniert nicht, wenn anstelle von href die Registerkarte data-target verwendet wird

Ich entwickle Bootstrap-Tabs unter Verwendung vondata-target Attribut, das mit den Registerkarten übereinstimmt, anstatt das zu verwendenhref Attribut, da ich Winkel App entwickle (href könnte meine Route verderben).

<ul class="nav nav-tabs" id="myTab">
    <li class="active"><a data-target="home">Home</a></li>
    <li><a data-target="profile">Profile</a></li>
    <li><a data-target="messages">Messages</a></li>
    <li><a data-target="settings">Settings</a></li>
</ul>

<div class="tab-content">
    <div class="tab-pane active" id="home">...</div>
    <div class="tab-pane" id="profile">...</div>
    <div class="tab-pane" id="messages">...</div>
    <div class="tab-pane" id="settings">...</div>
 </div>

<script>
    jQuery(function () {
        jQuery('#myTab a:last').tab('show')
    })
</script>

Bitte sehen Sie diese Geigehttp://jsfiddle.net/xFW8t/4/. Wo ich das ganze nachgebaut habe.

Ich möchte nicht, dass der Bootstrap-Stil auf meine Registerkarten angewendet wird. Ich möchte nur die Funktionalität. Ich möchte, dass meine Stile angewendet werden. Soll die Anwendung des Bootstrap-Stils trotzdem gestoppt werden? Bitte helfen Sie dabei, danke im Voraus für jede Hilfe.

Antworten auf die Frage(4)

Ihre Antwort auf die Frage