jQuery Tablesorter插件 - 可排序的标头无法正常工作

问题描述 投票:0回答:1

我一直在努力使我的Tabes排序并偶然发现了tableorter。

所以我安装它并遵循Documentation

可悲的是,我在第一步失败了,不知道为什么。

继承头标记中的脚本:

<head>

    <meta charset="utf-8">  
    <script src="components/com_memberportal/events/jquery.tablesorter.min.js"></script>
    <script src="components/com_memberportal/events/jquery.tablesorter.pager.js"></script>
    <script>
        jQuery(function($) { 
            $("table") 
                .tablesorter({widthFixed: true, widgets: ['zebra']}) 
                .tablesorterPager({container: $("#pager")}); 

            $("#EventTable").tablesorter(); 
        }); 
    </script>
</head>

路径是正确的我检查了。所以继承我的桌子:

         <table id="EventTable" class="tablesorter">
            <thead>
                <tr>
                    <th>Date</th>
                    <th>Type</th>
                    <th>Speaker</th>
                    <th>Subject</th>
                </tr>
            </thead>
            <tbody> 
                <?php 
                    while($row = mysqli_fetch_array($searchresult)):

                    $date = explode("-", $row['event_date']);
                    $time_gone = explode(" ", $date[2]);
                    $date_table = $time_gone[0] . "." . $date[1] . "." . $date[0];  
                ?>   
                <tr>
                    <td><?php echo $date_table;?></td>               
                    <td><?php echo $row['event_type_name'];?></td>

                    <?php 
                        $UserLink = "https://www.myhost.com/website/index.php?option=com_memberportal&view=profile&" . $row['firstname'] . "-" . $row['lastname'];
                        echo '<td><a href="' . $UserLink . '">', $row['firstname'], " " ,$row['lastname'] . '</a></td>';

                        $EventLink = "https://www.myhost.com/website/index.php?option=com_memberportal&view=event&" . $row['event_date'] . "&" . $row['event_subject'];
                        echo '<td><a href="' . $EventLink . '">', $row['event_subject'] . '</a></td>';

                    ?>
                </tr>
                <?php endwhile;?>
            </tbody>
        </table>

基本上我有一个列出4列事件的表(日期,类型,说话者,主题)。

表中的所有信息都来自我的mysql数据库。我知道它是文档中的硬编码表,但我认为它仍然适用于我的,只要我在正确的部分周围包装正确的标签。

谁知道我做错了什么?

编辑:我的html表的图片

enter image description here

php jquery tablesorter
1个回答
© www.soinside.com 2019 - 2024. All rights reserved.