首页 > 解决方案 > 排序链接不会在 django-tables2 中保留页面锚点

问题描述

我有一个带有使用锚点的引导式选项卡的页面。当我单击标题字段对其中一个表进行排序时,排序工作正常,但结果 URL 不保留原始#anchor位置,我被发送到不同的选项卡。

在此处输入图像描述

原始 URL:http://localhost:8000/wakemeup/myaccount#reputation
实际排序 URL:http://localhost:8000/wakemeup/myaccount?sort=pointvalue

所需的排序 URL:http://localhost:8000/wakemeup/myaccount#reputation?sort=pointvalue

问题

如何获取表格排序标题以保留 URL 中的原始锚点位置?

标签: pythonsortinganchordjango-tables2

解决方案


您应该将锚点添加到href排序链接标签的属性中。您可以通过几行 JavaScript 来实现这一点(假设您已经使用 jQuery,因为 bootstrap):

var tab_id = '#table';
$(tab_id).find('a').each(function(el) {
    $(el).attr('href', $(el).attr('href') + tab_id);
});

推荐阅读