javascript - 克隆后跳转到 anchor 标签

Question

我有这些超链接，它们会跳转到 UL 中某个地方的 anchor 标签

<a href="#A">A</a>
<a href="#B">A</a>
<a href="#C">A</a>

<ul>
<li><a name="A"></a></li>
<li><a name="B"></a></li>
<li><a name="C"></a></li>
</ul>

这是为了确保我跳转到列表中正确的字母(它很长并且有滚动条)。我遇到的问题是，当文件准备好时这是克隆(网站出于不同目的的要求 - 不能在此处更改)。所以在克隆之后有两组 anchor 标签做同样的事情。我可以更改克隆上的 ID，但不能更改内部 .我想要的结果是当点击 A 或 B 或 C 时，它会在新的克隆中跳转

如何解决这个问题？如果有办法避免使用这些 anchor 标签，那也没关系。我认为 jQuery 有一种方法可以跳转到特定的选择器，对吗？让我知道。

谢谢

Answer 1

jQuery ScrollTo 插件可以解决您的问题。

jQuery.ScrollTo

相关:JQuery focus

或者你可以添加这个脚本:

clone.find("a[href^=#]").each(function() {
    var anchor = $(this);
    var name = anchor.attr("href");
    anchor.attr("href", name + "_1");
    clone.find("a[name=" + name.substring(1) + "]").attr("name", name.substring(1) + "_1");
});