为啥调用 location.reload(); 后我的表中的行顺序会发生变化？关闭模态框时

Posted 2023-05-08

【中文标题】为啥调用 location.reload(); 后我的表中的行顺序会发生变化？关闭模态框时

【英文标题】：Why does the order of rows in my table change after calling location.reload(); when closing a modal box为什么调用 location.reload(); 后我的表中的行顺序会发生变化？关闭模态框时

【发布时间】：2020-04-26 01:52:44

【问题描述】：

我的表格中有一个链接，例如作为链接的名称，因此当我单击该链接时，人员详细信息会在模式框中弹出。我遇到的问题是，在我关闭模式后，表中的行顺序发生了变化，这是一个问题，因为当我单击另一个名称（链接）时，它会出现错误的 id 并因此显示该人的错误详细信息

点击链接时弹出的模态代码

<script>

        $(function () 
            $(".anchorDetail").click(function () 
                debugger;
                var $buttonClicked = $(this);
                var id = $buttonClicked.attr('data-id');
                var options =  "backdrop": "static", keyboard: true ;
                $.ajax(
                    type: "GET",
                    url: TeamDetailPostBackURL,
                    contentType: "application/json; charset=utf-8",
                    data:  "Id": id ,
                    datatype: "json",
                    success: function (data) 
                        debugger;
                        $('#myModalContent').html(data);
                        $('#myModal').modal(options);
                        $('#myModal').modal('show');

                    ,
                    error: function () 
                        alert("Dynamic content load failed.");
                    
                );
            );


            $("#closebtn").click(function () 
                $('#myModal').hide();
                //e.preventDefault();
                location.reload(false);

            );
        );

    </script>

【参考方案1】：

你的问题不是很清楚。您的代码似乎对在您单击的表中加载初始名称链接没有任何作用。

当您在新加载的页面上单击第一个时，ID 是否与每个人正确关联？

您拥有的 javascript 似乎不会影响与初始表数据的结构方式有关的任何事情。如果没有一个工作示例和整个页面的更完整标记版本，人们将无能为力，这只是猜测。

由于点击人时传递的ID不正确，我将从那里开始跟踪和调试。当 ajax 请求成功时删除您正在调用的函数并记录被单击的实体的 ID。然后通过发出您通过 ajax 发出的相同请求来确认该 ID 的数据是否正确。

如果所有这些都检查出来，我会查看您的代码中会影响或会影响链接数据属性的其他区域。同样，这都是猜测，因为我没有完整的示例可供查看。