Question

我正在开发MVC 5应用程序并使用MVC PagedList进行分页。我在bootstrap模式中加载分页数据。页码链接正常工作但单击同一页码链接时出现问题，屏幕渲染不正确。这3张照片描述了这个问题：

（1）启动屏幕 enter image description here

（2）单击“查找”按钮，将显示客户列表 enter image description here

（3）点击第1页链接后，屏幕呈现不正确 enter image description here

页面链接的代码（模态/部分视图）：

<script>
    $(function () {
        $('#pager').on('click', 'a', function () {
            $.ajax({
                url: this.href,
                type: 'GET',
                cache: false,
                success: function (result) {
                    $('#customerContainer').html(result);
                }
            });
            return false;
        });
    });
</script>

为什么会发生这种情况以及如何解决？

Answer 1

你的问题对我有帮助，因为我有同样的问题。我所做的就是这个。您不需要发送空白网址。

$（function（）{ （＆＃39;＃pager＆＃39;）。on（＆＃39; click＆＃39;，function（）{ var van = this.href; if（van！=＆＃34;＆＃34;＆amp;＆amp; van！= null） { $就（{ url：this.href，键入：＆＃39; GET＆＃39;， cache：false，成功：功能（结果）{ $（＆＃39;＃客户容器＆＃39;）HTML（结果）。 } }）; 返回false; } }）; }）;

单击相同的页码链接导致屏幕渲染不正确

1 个答案: