Collapsing Table應用於所有表格

希望我可以得到一些幫助，我正在建立一個有5個表格的頁面。 2都是排序使用（http://www.kryogenix.org/code/browser/sorttable/）Collapsing Table應用於所有表格

一個相當大的一個我希望它是可摺疊的，我試圖用這樣的： HTMl drilldown table: Design

然而，當我打開它，所有的表成爲可摺疊，這是來自上述問題的jQuery。

<script type='text/javascript'>//<![CDATA[ 
    $(window).load(function(){ 
    $('thead').on('click', function(){ 
    $(this).next('tbody').toggleClass('collapsed'); 
}); 
});

我不熟悉jQuery，所以不知道如何修改它，所以它只使用一個表。我嘗試使用表ID，但它沒有工作。

<?php 
$qcTable = "<table id ='thcol'>"; 
foreach($tableArray as $cat=>$catData) 
    { 
    $title = ucwords(str_replace("_"," ",$cat)); 
    $score = number_format($catData['sc'],2); 
    $qcTable .= "<thead><tr><th>$title ($score%)</th></tr></thead><tbody class='collapsed'>"; 
foreach($catData as $td=>$subCatData) 
    {if($td != 'a' && $td != 'b' && $td != 'c' && $td != 'sc'){ 
    $getSubCat = explode("__",$subCatData['b']); 
    if(sizeof($getSubCat) ==1) 
      $subTitleBuild = $getSubCat[0]; 
    else 
      { 
       unset($getSubCat[0]); 
       $subTitleBuild = implode(" > ",$getSubCat); 
    } 
    $subtitle = ucwords(str_replace("_"," ",$subTitleBuild)); 
      $subscore = number_format($subCatData['sc'],2); 
    $qcTable .= "<tr><td>$subtitle ($subscore%)</td></tr>"; 
     } 
}   $qcTable .= "</tbody>"; 
     } 



$qcTable .= "</table>"; 
echo $qcTable; 
?>

其他兩個表theads是這樣的：

<table class = 'sortable'><thead><th class='sorttable_numeric'> 
    Ticket ID</th><th>Game</th><th>Agent</th><th>Score</th><th>Star</th></thead><tbody>

謝謝你在前進， Ç

來源

2016-03-04 itsjustcarlos

你行

$('thead').on('click', ...);

把一個處理程序click事件在你所有的<thead></thead>標籤上，你應該在你想成爲的人上課能當你用PHP編寫他們崩潰像<thead class="collapsable"></thead>，那麼你的JavaScript代碼行將是：

$('thead.collapsable').on('click', ...);

這樣一來，只有你thead標籤與類collapsable就能觸發崩潰。

來源

2016-03-04 00:46:38 Suicideboy

謝謝！嘗試過，但沒有工作:(。但是，至少我想我知道從哪裏開始尋找解決方案。 – itsjustcarlos

Collapsing Table應用於所有表格

回答

相關問題