Javascript 使用jQuery tablesorter，我无法让它为我的表工作。我哪里做错了？

嘿，伙计们，我正在尝试使用jQuery插件表排序器tablesorter.com。我根据他们的演示制作了一个测试页面，它没有问题。然而，现在我正试图将它应用到我的网站中，我无法让它为我做任何事情。这是我的密码

HTML/PHP

    <table border="0" cellpadding="0" cellspacing="0" id="orgTable" class="tablesorter">
<thead>
<tr>
    <th><?=$languageDB->berkGet("object_organization_name");?></th>
    <th><?=$languageDB->berkGet("object_organization_description");?></th>
    <th><?=$languageDB->berkGet("object_organization_system_name");?></th>
    <th><?=$languageDB->berkGet("object_organization_status");?></th>
    <th><?=$languageDB->berkGet("object_organization_client");?></th>
    <th><?=$languageDB->berkGet("object_organization_actions");?></th>
</tr>
</thead>
<?foreach ($organizations as $organizationObj) {
    foreach ($organizationObj as $curOrg) {
        if($curOrg->get("name") == "System"){
            //Hide the System organization from vCloud 
            continue;
        }?> 
    <tbody> 
    <tr>
        <td><?=$curOrg->get("name");?></td>
        <td><?=$curOrg->get("description")===""?"None":$curOrg->get("description")?></td>
        <td><?=$curOrg->get("systemName")?></td>
        <td><?=$status[$curOrg->get('status')];?></td>
        <td id="client<?=$curOrg->get('id');?>">            
            <?if($curOrg->get("clientId")==0){ ?>
                <button class="btn btn-tiny btn-reverse associate" data-uid="<?=$curOrg->get('id');?>"><?=$languageDB->berkGet("action_associate");?></button>
            <?} else{ 
                $client=new client($curOrg->get("clientId"));?>
                <?=$client->get("companyName");?>
            <?}?>
        </td>
        <td><a href="/organizationDetails.php?id=<?=$curOrg->get('id');?>" class="btn btn-tiny"><i class="fa fa-info-circle"></i></a>
            <?if($curOrg->get("clientId")>0){ ?>
                <button class="btn btn-danger btn-tiny" id="remove" data-uid="<?=$curOrg->get('id');?>" data-name="<?=$curOrg->get('name');?>"><i class="fa fa-trash"></i> </button>
            <?}?>
    </tr>
    </tbody>

    <?}
}?>
</table>

Javascript

<script type="text/javascript" src="js/jquery-1.9.1.js" />
<script type="text/javascript" src="js/jquery.tablesorter.js" />
<script type="text/javascript">

$(document).ready(function() 
    { 
        $("#orgTable").tablesorter(); 
    } 
); 
</script>

---

这是因为脚本标记不能是自动关闭标记

<script type="text/javascript" src="js/jquery-1.9.1.js"></script> 
<script type="text/javascript" src="js/jquery.tablesorter.js"></script>
<script type="text/javascript">

$(document).ready(function() 
    { 
        $("#orgTable").tablesorter(); 
    } 
); 
</script>

使用Jquery数据表

就你而言：

$(document).ready(function() 
    { 
        $("#orgTable").DataTable(); 
    } 
);

更新： 如果您不想更改您的表排序器或使用任何其他jQuery插件进行表排序，请检查您的标记

使用：

而不是：

把你的手指放在外环上

...
</thead>

<tbody> 
<?foreach ($organizations as $organizationObj) {
    foreach ($organizationObj as $curOrg) {
        if($curOrg->get("name") == "System"){
            //Hide the System organization from vCloud 
            continue;
        }?> 

    <tr>
        <td><?=$curOrg->get("name");?></td>
        <td><?=$curOrg->get("description")===""?"None":$curOrg->get("description")?></td>
        <td><?=$curOrg->get("systemName")?></td>
        <td><?=$status[$curOrg->get('status')];?></td>
        <td id="client<?=$curOrg->get('id');?>">            
            <?if($curOrg->get("clientId")==0){ ?>
                <button class="btn btn-tiny btn-reverse associate" data-uid="<?=$curOrg->get('id');?>"><?=$languageDB->berkGet("action_associate");?></button>
            <?} else{ 
                $client=new client($curOrg->get("clientId"));?>
                <?=$client->get("companyName");?>
            <?}?>
        </td>
        <td><a href="/organizationDetails.php?id=<?=$curOrg->get('id');?>" class="btn btn-tiny"><i class="fa fa-info-circle"></i></a>
            <?if($curOrg->get("clientId")>0){ ?>
                <button class="btn btn-danger btn-tiny" id="remove" data-uid="<?=$curOrg->get('id');?>" data-name="<?=$curOrg->get('name');?>"><i class="fa fa-trash"></i> </button>
            <?}?>
    </tr>    
    <?}
}?>
</tbody>
</table>

---

你有什么错误吗？我没有收到任何关于http方面或javascript方面的错误。标签不应该是自动关闭的。谢谢你的提示，我从来不知道这一点，我从来没有用过很多javascript。我已经修复了标签，但仍然不起作用。我的问题已经解决了。标签需要放在for循环的外部。谢谢大家的帮助：注意，您使用的脚本标记的第一行是self-closing，这是不正确的，因此以后的脚本标记将不会加载。我已经添加了标记，仍然没有更改。它是否在firebug或您正在使用的控制台中引发任何错误？请立即尝试上述答案！我已经更新了标记，但它仍然不起作用。在“网络”或资源会话中使用inspect元素进行检查时一定会抛出任何错误，在这种情况下，我相信您的脚本路径一定是错误的。这似乎是jQuery问题，请检查您的jQuery版本或重新下载最新的jQuery库。我已修复我的问题。标记需要位于for循环之外，脚本标记需要关闭。不过谢谢你的帮助：我很高兴你把它修好了。这解决了我的问题。非常感谢你：