Bootstrap選項卡正在工作，但標籤內容未顯示

我正在使用html，css和javascripts管理儀表板。這是我第一次研究它。我使用bootstrap作爲響應式佈局和一些引導程序js（選項卡，摺疊）。我還使用chartjs作爲餅圖和折線圖以及sidr響應菜單。但問題是引導選項卡和摺疊功能。他們沒有正常工作。當我點擊標籤菜單標籤正在工作，但不顯示圖表內容。我花了很多時間來解決這個問題。但我不能。我需要你的幫助。Bootstrap選項卡正在工作，但標籤內容未顯示

這裏是鏈接的管理儀表板：http://demo.devkinz.com/admindashboard/

來源

2014-09-27 Blackboy

您是否找到解決您的問題的方法？ – rnevius 2014-09-27 15:15:08

嵌套選項卡也需要選項卡內容包裝http://stackoverflow.com/questions/19531624/bootstrap-3-nested-tab – Christina 2014-09-27 17:50:21

每週和每月的工作，使用情況和每月不工作 - 它們嵌套放一個.tab - 這些內容太 – Christina 2014-09-27 17:51:35

您包括JavaScript的，但不是針對與它的標籤元素。從docs開始，您還需要添加一些JavaScript來專門定位這些選項卡。

或者，您應該可以將data-toggle="tab"添加到您的每個dashboard_menu li元素中。

來源

2014-09-27 05:59:18 rnevius

對不起...我不是在說dashboard_menu li 我說的是有兩個選項卡按鈕（每週和每月）的圖形。 Thnx爲您提供寶貴的答案。 – Blackboy 2014-09-27 15:28:02

在你的代碼有：

<ul class="list-inline pull-right" role="tablist"> 
    <li class="active"><a href="#ussgemonth" role="tab" data-toggle="tab">Usage</a></li> 
    <li><a href="#coletsmonth" role="tab" data-toggle="tab">Monthly</a></li> 
</ul>

但是你有沒有.tab-pane的使用ID的：ID = 「ussgemonth」 & ID = 「coletsmonth」

你不僅有2缺少.tab-pane與這些ID - 因爲這些嵌套你必須遵循相同的結構作爲父。

來源

2014-09-27 21:07:16 Christina

我在'.tab-content'之後放置了'.tab-pane'類。我認爲我的標籤正在工作，但由chart.js製作的標籤中的內容不起作用。對不起，如果我打擾你。感謝您的回覆。 – Blackboy 2014-09-28 12:25:44

Bootstrap選項卡正在工作，但標籤內容未顯示

回答

相關問題