javascript - 我的 table 上的 jquery 表排序器出现问题，我收到了 json 文本墙

Question

我在我的项目中使用 MVC3。

我有一个包含一堆 DDL、搜索按钮和一个表的 View 。用户可以选择值，然后点击搜索按钮，表格将显示所有命中的数据。

这是我的搜索按钮点击的 jquery 代码:

    $(function () {
        $('#submitfloat').click(function () {
            var SubjectTypes = $('#SubjectTypes').val();
            var Teams = $('#Teams').val();
            var Companies = $('#Companies').val();
            var Consultants = $('#Consultants').val();
            var PlannedDates = $('#PlannedDates').val();
            var CompletedDates = $('#CompletedDates').val();
            var DateTypes = $('#DateTypes').val();
            var data = {
                Subjectypes: SubjectTypes,
                Companies: Companies,
                Teams: Teams,
                Consultants: Consultants,
                PlannedDates: PlannedDates,
                CompletedDates: CompletedDates,
                DateTypes: DateTypes
            };

                $.post('@Url.Action("Search", "SearchNKI")', data, function (result) {
                    $("#GoalcardSearchResult tbody").html('');
                    result.forEach(function (goalcard) {
                        $("#GoalcardSearchResult tbody").append(
                            $('<tr/>', {
                                click: function () {
                                    // todo: redirect
                                    alert(goalcard.Id);
                                },
                                html: "<td>" + goalcard.Name + "</td><td>" + goalcard.Customer + "</td><td>" + goalcard.PlannedDate + "</td><td>" + goalcard.CompletedDate + "</td>"
                            }));
                    });
                });
                return false;
        });
    });  

这是我的 Controller :

 [HttpPost]
 public JsonResult Search(SearchQueryViewModel model)
 {
     var goalcard = SearchRep.FindGoalCard(model); // My LINQ

     return Json(goalcard.Select(x => new GoalCardViewModel(x)));
 }

一切正常，但是当我添加 Jquery 表排序器时:

    <script type="text/javascript">
        $(document).ready(function () {
            $("#GoalcardSearchResult").tablesorter();
        }); 
    </script>

当我点击“搜索”按钮时，我得到了这面 Json 文本墙:

![][1]

[1]:

我不知道为什么会发生这种情况，当我调试搜索按钮时，单击 jquery 代码，当我添加表排序器 jquery 代码时，它甚至没有被执行。有人知道原因是什么吗？

我所知道的是，当我添加表排序器时，它会阻止我的按钮单击 jquery 代码运行并直接跳转到服务器端并返回 json。

提前致谢!

Answer 1

这是一个修改过的表排序器代码，经过一些小的更改，我让它运行起来