2017-01-26 2 views
-3

Ich muss Bootstrap-Registerkarten vollständig zerstören. Das ursprüngliche Markup von Bootstrap docs:Bootstrap-Register vollständig zerstören

<div> 

    <!-- Nav tabs --> 
    <ul class="nav nav-tabs" role="tablist"> 
    <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Home</a></li> 
    <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Profile</a></li> 
    <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Messages</a></li> 
    <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Settings</a></li> 
    </ul> 

    <!-- Tab panes --> 
    <div class="tab-content"> 
    <div role="tabpanel" class="tab-pane active" id="home">...</div> 
    <div role="tabpanel" class="tab-pane" id="profile">...</div> 
    <div role="tabpanel" class="tab-pane" id="messages">...</div> 
    <div role="tabpanel" class="tab-pane" id="settings">...</div> 
    </div> 

</div> 

Wunschauszeichnungs nach der vollständigen Zerstörung ist so etwas wie dieses:

<div> 

    <ul> 
    <li class="active"><a href="#home">Home</a></li> 
    <li><a href="#profile">Profile</a></li> 
    <li><a href="#messages">Messages</a></li> 
    <li><a href="#settings">Settings</a></li> 
    </ul> 

    <div> 
    <div class="active" id="home">...</div> 
    <div id="profile">...</div> 
    <div id="messages">...</div> 
    <div id="settings">...</div> 
    </div> 

</div> 

So das Ziel ist, alle Bootstrap Klassen zu entfernen, Hörer usw. Gibt es eine Funktion/method in Bootstrap 3 dafür?

Btw, bitte ich nicht für "Lösung" wie $.removeClass('.nav, .nav-tabs, .tab-pane','#bla'); & $.removeAttr('role','#bla'); usw.

+0

Wenn Sie alle Klassen entfernen möchten und Ihr Markup wie im zweiten Codeblock haben möchten, tun Sie das einfach. Wenn Sie wollen, dass es immer noch wie Bootstrap-Registerkarten funktioniert, dann brauchen Sie die Klassen oder machen Sie Ihre eigenen CSS und JS. Ich verstehe nicht, was das ist eine Frage über –

+0

Es gibt einen großen Code, der nicht meins ist. Ich muss Bootstrap Tab loswerden. Das ist die Frage. – Martin

+0

Ich bin ziemlich sicher, dass keine solche Funktion existiert. –

Antwort

0

Es suchen ist nicht JS Funktion in Bootstrap 3, das tut, was Sie wollen. Überprüfen Sie ihre Dokumente http://getbootstrap.com/javascript/. Versuchen Sie nur, die Attribute mit clientseitigem JavaScript aus dem DOM zu entfernen oder den HTML-Code auf dem Server dauerhaft zu ändern?

Wie auch immer, es klingt wie Sie müssen einige benutzerdefinierte Code schreiben, um Ihr Ziel zu erreichen, da es nicht etwas ist üblich gemacht.

+0

Ich versuche, den Code auf Client-Seite natürlich zu ändern. – Martin