完全銷燬Bootstrap標籤

-3

我需要徹底銷燬Bootstrap標籤。從Bootstrap docs原來的標記：後完全摧毀完全銷燬Bootstrap標籤

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

期望中的標記是這樣的：

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

所以我們的目標是去除所有的自舉類，監聽器等是否有功能/方法在Bootstrap 3中呢？

順便說一句，拜託，我不喜歡$.removeClass('.nav, .nav-tabs, .tab-pane','#bla'); & $.removeAttr('role','#bla');等

來源

2017-01-26 Martin

如果你想刪除所有的類，並只需要你的標記在第二個代碼塊中，那麼就這樣做。如果你希望它仍然像bootstrap選項卡那樣工作，那麼你需要這些類，或者做自己的css和js。我不明白這是一個關於 –

的問題有一個很大的代碼不是我的。我需要擺脫Bootstrap Tab。這是一個問題。 – Martin

我很確定沒有這樣的功能存在。 –

尋找「解決方案」有一個在引導3無JS函數，你想要做什麼。查看他們的文檔http://getbootstrap.com/javascript/。你只是試圖用客戶端JavaScript從DOM中刪除屬性，或者永久更改服務器上的HTML？

無論哪種方式，這聽起來像你將需要編寫一些自定義代碼來實現你的目標，因爲它不是通常做的事情。

來源

2017-01-26 23:07:28

我正在嘗試更改客戶端上的代碼。 – Martin

完全銷燬Bootstrap標籤

回答

相關問題