MVC Table sorting

我目前正在一个我正在工作的网站上玩tableorter 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>

找到解决方案。这确实是一个文件引用问题。代码在本地主机上运行良好，但我在IIS上进行大部分测试，因为这是一个已部署的站点。因此，IIS需要一个映射才能真正找到所引用的jquery脚本。Url。内容就是这样。

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

相关内容

最新更新

热门标签：