對頁面加載後提交按鈕時出現的表格進行排序

我在使用tablesorter jquery插件時遇到了一些麻煩。問題是，我有一種觀點，即當單擊一個提交按鈕時，根據表單的搜索，將加載一個包含來自數據庫的信息的表。該表僅在單擊「搜索」按鈕時顯示，並不總是顯示相同的信息。我試圖使用tablesorter jquery插件，但它似乎並沒有工作。我打電話：對頁面加載後提交按鈕時出現的表格進行排序

<script src="/js/jquery-1.12.1.min.js" type="text/javascript"></script> 
<script src="js/jquery.tablesorter.min.js"></script> 
<head> 
<script> 
function sort_my_table(){ 
$('my_table').tablesorter(); 
} 
</script> 
</head>

，然後在下面的表格。

當我按下此按鈕時，表格顯示在頁面底部，按鈕提交表單，您可以在其中輸入所需的信息，然後使用此信息進行搜索，然後表格顯示結果搜索：

<input type="submit" class="btn btn-primary" value="search" name="send">

我的表看起來像這樣：

<thead> 
       <tr> 
        <th style="text-align:center">Code</th> 
        <th style="text-align:center">Name</th> 
        <th style="text-align:center">Description</th> 
       </tr>  
      </thead> 

      <?php foreach ($elements as $element) { ?> 
      <tbody> 
       <tr> 
         <td><?php echo $element->fabr?></td> 
         <?php if (count($element->place) > 0) { ?> 
           <td> 
           <?php foreach ($element->place as $pl) { ?> 
            <?php echo $pl['name'] ?><br> 
           <?php } ?> 
           </td> 
           <td> 
           <?php foreach ($element->place as $pl) { ?> 
            <?php echo $pl['number'] ?><br> 
           <?php } ?> 
           </td> 
          <?php } else { ?> 
          <td></td> 
          <td></td> 
          <?php } ?>       
       </tr> 
      <?php } ?> 
      </tbody> 
    </table>

我真的不知道如何使用它，或者如何使它發揮作用。

來源

2016-07-05 html_obs

確保'my_table'是一個「正確的」css選擇器......它應該使用類名稱（句點;'.my_table'）或id（hash;'＃my_table'）來定位表格。 – Mottie

告訴的tablesorter你的表排序是加載文檔時：

$(document).ready(function() 
    { 
     $('my_table').tablesorter(); 
    } 
);

點擊標題，你會看到你的表是現在排序。（如果表本身沒有操縱或直接覆蓋這隻會工作）

http://tablesorter.com/docs/#Demo

來源

2016-07-05 13:24:15 JoCa

我試着添加這個，但它不起作用。問題是當文檔被加載時，表格還沒有在頁面中。它只會顯示，如果我點擊搜索按鈕。 –

你如何完成隱藏和顯示？通過jquery「.hide（）」和「.show（）」？你能爲我們提供更多的代碼嗎？ – JoCa

聽起來像是你需要移動上點擊觸發的腳本。

如果你希望它加載點擊您可以使用此之前：

https://jsfiddle.net/MaXiNoM/4ggnL81h/

$(function(){ 
    $("#myTable").tablesorter(); 
});

，如果你想表是空白的，然後將它傳遞空參數，可以這樣會讓你加載空白表。這聽起來是從onclick中觸發的一個調用，也就是在表格被渲染和填充時。你可以嘗試直接從那裏接電話，並把它放入你的onload。

來源

2016-07-05 13:43:15 MaXiNoM

對頁面加載後提交按鈕時出現的表格進行排序

回答

相關問題