当前位置：文江博客话题详情

将链接的 href 动态更改为仅其哈希值

发布于 2024-11-03 07:22:14 字数 346 浏览 5 评论 0原文

我的网站顶部有一个主菜单，它在每个页面上，它有一些指向 coda 滑块面板（featurepage#1、featurepage#2 等）的链接，当用户来自时，这些链接可以将用户直接带到该面板不同的页面。

当我实际在功能页面上时，链接不起作用，它们只更改哈希值，而不会跳转到相关内容。

据我所知，这是因为链接中包含整个 URL，而不是所需的 #1、#2 等。

所以我的问题（和希望）是有一种方法可以更改这些链接的 HREF页面，因此 featurepage#1 变为 #1，依此类推。

问题还在于它是动态的，我不知道任何时候需要多少个哈希值，所以我不能简单地替换它们。

有人有什么想法吗？谢谢！！！！

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

酷炫老祖宗 2024-11-10 07:22:14

好吧，这将删除 # 之前的所有内容（如果存在）。我认为这从后端完成会更好。那里一开始就没有页面名称。

$(function(){
    $('a').each(function(){
        var href=$(this).attr("href");
        if(href.indexOf("#")>-1){
            $(this).attr("href", href.substring(href.indexOf("#")))  
        }
    }); 
})

Well, this will remove everything before the # if one exists. I would think though that this would be better done from the backend. Don't have the page name in there to begin with.

$(function(){
    $('a').each(function(){
        var href=$(this).attr("href");
        if(href.indexOf("#")>-1){
            $(this).attr("href", href.substring(href.indexOf("#")))  
        }
    }); 
})

回复收藏 0 原文

~没有更多了~