Jquery tablesorter 插件不起作用答案

【问题标题】：Jquery tablesorter plugin is not workingJquery tablesorter 插件不起作用
【发布时间】：2014-06-24 09:08:19
【问题描述】：

我是 MVC 的新手。请原谅我这个新手问题。我正在使用 JQuery 表排序器插件对 html 表进行排序。我正在使用this tablesorter 插件。但是这个好像不行。

我的 javascript 代码：

    <head>
                <title>Test Header</title>
              <script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"</script>
              <script src="~/Scripts/jquery-latest.js"></script>
              <script type="text/javascript" src="~/Scripts/jquery.tablesorter.js"></script> 
                <script type="text/javascript">
                    $(document).ready(function () {
                        alert("hi");
                        $("#tab").tablesorter();
                    }
            );
                </script>
            </head>

HTML 代码：

<div>
    <table id="tab" class="tablesorter">
        <thead>
            <tr>
                ---Header part---
            </tr>
        </thead>
        <tbody>
            ---Body Part---
        </tbody>
    </table>
</div>

请帮助我。在此先感谢:)

【问题讨论】：

您需要在tablesorter js之前包含jquery库并且只包含tablesorter js文件之一
您是否正确收到警报？
是的。警报没有任何问题，现在我也包含了该库。还是没有运气
你的浏览器一定会抛出一些错误。您可以通过各种工具对其进行跟踪。你能把日志放在这里吗？
现在它显示，您正在导入两个 jquery 库。

标签： javascript jquery tablesorter

【解决方案1】：

您需要在tablesorter.js 之前包含jquery library，并且只需包含其中一个tablesorter js 文件

【讨论】：

包含了以下库，并按照您的建议，仍然无法正常工作

【解决方案2】：

您不需要包含 2 个 tablesorter 库。你只需要一个。您可以只包含“jquery.tablesorter.min.js”。

看看“file.js”和“file.min.js”的区别：What's the difference between jquery.js and jquery.min.js?

你还需要包含 jquery 库。

例子：

<head>
    <title>Test Header</title>
    // Here you need to include jquery library
    <script src="~/Scripts/jquery.tablesorter.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#tab").tablesorter();
        });
    </script>
</head>

【讨论】：

我已经包含了上述这些库并删除了其他所有内容。仍然是不工作:(