Question

我是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>

请帮帮我。在此先感谢：）

Answer 1

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

Answer 2

您不需要包含2个tablesorter库。你只需要一个。你可以只包括＆＃34; jquery.tablesorter.min.js＆＃34;。

查看＆＃34; file.js＆＃34;之间的区别和＆＃34; file.min.js＆＃34;：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>

Jquery tablesorter插件无法正常工作

2 个答案: