排序链接不会在django-tables2中保留页面锚

Question

我有一个页面，其中包含使用锚的Bootstrap样式的选项卡。当我单击标题字段对表之一进行排序时，排序工作正常，但是结果URL不会保留原始的#anchor位置，因此我被发送到其他选项卡。

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

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

问题

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

Answer 1

您应将锚添加到排序链接标记的href属性中。您可以通过几行JavaScript来实现此目的（假设由于引导程序您已经使用jQuery）：

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