Javascript Jquery表分拣器isn'；t工作，表格标题没有响应_Javascript_Jquery_Tablesorter

Javascript Jquery表分拣器isn'；t工作，表格标题没有响应

javascript jquery

Javascript Jquery表分拣器isn'；t工作，表格标题没有响应,javascript,jquery,tablesorter,Javascript,Jquery,Tablesorter,这是我的一个html页面，我不知道我哪里做错了，我也包括了jquery和tablesorer文件，但仍然不起作用 window.jQuery | | document.write（“”）下面的代码不工作这是屏幕截图 $（文档）.ready（函数（） { $（“#ax”）.tablesorter（）； } ); 序号名称城市伯爵计划A 300 三个月编辑删除计划A 300 三个月编辑删除方案B 100 三个月编辑删除方案D 700 三个月编辑删除

这是我的一个html页面，我不知道我哪里做错了，我也包括了jquery和tablesorer文件，但仍然不起作用


window.jQuery | | document.write（“”）

下面的代码不工作这是屏幕截图


$（文档）.ready（函数（）
{
$（“#ax”）.tablesorter（）；
}
);


序号
名称
城市
伯爵
计划A
300
三个月
编辑
删除
计划A
300
三个月
编辑
删除
方案B
100
三个月
编辑
删除
方案D
700
三个月
编辑
删除
方案C
500
三个月
编辑
删除
计划F
900
三个月
编辑
删除

使用jquery引导数据表

使用jquery引导数据表..

不要在页面中包含两次jquery库。抛出了哪些错误？插件不也有css文件吗

不起作用

不是正确的问题描述…需要提供更好的描述如果尝试联机版本而不是尝试访问本地版本的tablesorter会发生什么？因此，请尝试tablesorter.com//uu jquery.tablesorter.min.js“>-->我的索引。html@charlietfl-->我的自定义css文件是空的，当我单击任何表格标题时，我没有得到任何响应—所有内容都是空的static@smoggers我试过你们的脚本，并没有任何帮助不要在页面中包含两次jQuery库。抛出了哪些错误？插件不也有css文件吗

不起作用

不是正确的问题描述…需要提供更好的描述如果尝试联机版本而不是尝试访问本地版本的tablesorter会发生什么？因此，请尝试tablesorter.com/\ujquery.tablesorter.min.js“>-->我的索引。html@charlietfl-->我的自定义css文件是空的，当我单击任何表格标题时，我没有得到任何响应—所有内容都是空的static@smoggers我试过你的剧本，没用

    <meta name="description" content="">

    <!-- Mobile viewport optimized -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Bootstrap CSS -->
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="includes/css/bootstrap-glyphicons.css" rel="stylesheet">

    <!-- Custom CSS -->
    <link href="includes/css/styles.css" rel="stylesheet">

    <!-- Include Modernizr in the head, before any other Javascript -->
    <script src="includes/js/modernizr-2.6.2.min.js"></script>

    <!-- All Javascript at the bottom of the page for faster page loading -->

<!-- First try for the online version of jQuery-->
<script src="http://code.jquery.com/jquery.js"></script>

<!-- If no online access, fallback to our hardcoded version of jQuery -->
<script>window.jQuery || document.write('<script src="includes/js/jquery-1.8.2.min.js"><\/script>')</script>

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



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

</head>
<body>


<div class="container">


        <table class="table tablesorter table-striped" id="ax">
            <thead>
            <tr>
                <th>S.no</th>
                <th>Name</th>
                <th>City</th>
                <th>Countrt</th>

            </tr>

            </thead>
            <tbody>
            <tr>
                <td>Plan A</td>
                <td>300</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            <tr>
                <td>Plan A</td>
                <td>300</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            <tr>
                <td>Plan B</td>
                <td>100</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            <tr>
                <td>Plan D</td>
                <td>700</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            <tr>
                <td>Plan C</td>
                <td>500</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            <tr>
                <td>Plan F</td>
                <td>900</td>
                <td>3 Months</td>
                <td>
                    <button type="button" class="btn btn-primary"  data-toggle="modal" data-target="#myModal11">Edit
                    </button>
                    <button type="button" class="btn btn-danger" onClick="myDel(this)" data-toggle="modal" data-target="#myModal_del">Delete
                    </button>
                </td>
            </tr>
            </tbody>

        </table>
        <!--end Table-->




</div>



<!-- Bootstrap JS -->
<script src="bootstrap/js/bootstrap.min.js"></script>

<!-- Custom JS -->
<script src="includes/js/script.js"></script>

</body>

https://datatables.net/examples/styling/bootstrap.html