jquery - MVC 表排序

标签 jquery asp.net-mvc html-table tablesorter

我目前正在玩 Tablesorter我正在开发的网站之一中的 jQuery 插件。这似乎相当简单,但由于某种原因,标题没有排序。单击它们甚至不会产生任何可见的响应(光标不会改变)。我怀疑这可能与该表是动态的这一事实有关,因为它是由从数据库表中提取的数据填充的(编辑:通过使用静态、手动输入的数据进行测试确认这不是问题)。另一种可能性是我的 jQuery 代码位置错误或者我的引用有问题。

有什么想法吗?

顺便说一句,该项目是在 MVC 中完成的。

查看页面源结果:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1"><title>



    Execution History     



</title><link href="../Content/Site.css" rel="stylesheet" type="text/css" />

    <script type="text/javascript" src="~/Scripts/jquery-1.4.1.js"></script>

    <script type="text/javascript" src="~/Scripts/jquery.tablesorter.js"></script>



    <script type="text/javascript">

        $(document).ready(function () {

            $("table").tablesorter({

                headers: {

                    8: {

                        sorter: false

                    },



                    9: {

                        sorter: false

                    }

                }

            });

        });

    </script>


</head>



<body>

    <div class="page">             

        <div id="main">



    <h2>Execution History</h2>



    <table id="myTable" class="tablesorter">

        <thead>

            <tr>

                <th>Run ID</th>

                <th>Date Ran</th>

                <th>Ran By</th>

                <th>Run Time</th>

                <th>Result</th>


            </tr> 

        </thead>



        <tbody>



                <tr>

                    <td>1</td>

                    <td>7/25/2011 11:25:01 AM</td>

                    <td>Laura</td>

                    <td>145.49849999696</td>

                    <td>PASS</td>

                </tr>



                <tr>

                    <td>2</td>

                    <td>8/3/2011 6:23:01 PM</td>

                    <td>Laura</td>

                    <td>140.616000004113</td>

                    <td>PASS</td>

                </tr>



                <tr>

                    <td>3</td>

                    <td>8/3/2011 6:26:00 PM</td>

                    <td>Laura</td>

                    <td>141.592500001192</td>

                    <td>PASS</td>

                </tr>


                <tr>

                    <td>4</td>

                    <td>8/4/2011 8:04:00 PM</td>

                    <td>Kevin</td>

                    <td>260.725500002503</td>

                    <td>FAIL</td>

                </tr>


                <tr>

                    <td>5</td>

                    <td>10/5/2011 4:05:50 PM</td>

                    <td>Kevin</td>

                    <td>2749796.658</td>

                    <td>PASS</td>

                </tr>



                <tr>

                    <td>6</td>

                    <td>10/5/2011 5:31:18 PM</td>

                    <td>Kevin</td>

                    <td>2777489.2215</td>

                    <td>PASS</td>

                </tr>



        </tbody>

    </table> 





                <div id="footer"></div>

        </div>

    </div>

</body>

</html>

最佳答案

找到了解决方案。确实是文件引用问题。该代码在 localhost 上运行良好,但我在 IIS 上进行了大部分测试,因为这是一个已部署的站点。因此,IIS 需要一个映射才能真正找到引用的 jquery 脚本。 Url.Content 正是这样做的。

<script src="<%=Url.Content("~/Scripts/jquery-1.4.1.js") %>" type="text/javascript"></script>

关于jquery - MVC 表排序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7770083/

相关文章:

javascript - 使用 PHP 和 javascript 将数据替换为 json 文件

jquery - 相对于用户 View 的选项卡索引

javascript - jquery 幻灯片使用图像幻灯片容器添加内容

asp.net-mvc - ASP.Net MVC4 HandleError 未渲染指定 View

jquery - 剑道网格 : Delete button without X icon

c# - 在数组 c# 的现有 session 中添加字符串数组

css - Chrome 中奇怪的 CSS 边框问题

javascript - 如何隐藏空表的边框(HTML,Javascript)

jquery - jQuery 中的parent() 和closest() 如何工作?

javascript - 如何使用 Ajax/Ruby on Rails 在 View 中呈现 Controller 变量?