我有一个使用锚的引导样式选项卡的页面。当我单击头字段对其中一个表进行排序时,排序工作正常,但结果URL不保留原始的 #anchor 位置和我被发送到另一个标签。
#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中的原始锚定位置?
您应该将锚添加到 href 排序链接标记的属性。您可以通过几行JavaScript实现这一点(假设您已经因为引导而使用jQuery):
href
var tab_id = '#table'; $(tab_id).find('a').each(function(el) { $(el).attr('href', $(el).attr('href') + tab_id); });