克隆后跳轉到錨標記

Question

我有這些超鏈接，這些超鏈接將跳轉到UL在某些地方的錨標簽

<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>

這是為了確保我跳到列表中正確的字母（很長，並且會有滾動條）。 我的問題是，准備好文檔后這是克隆文件（出於不同目的要求網站-此處不能更改）。 因此，在克隆之后，有2組錨標簽執行相同的操作。 我可以更改克隆的ID，但不能更改內部的ID。 我想要的結果是，當單擊A或B或C時，它將跳轉到新克隆中

如何解決這個問題呢？ 如果有避免使用這些錨標記的方法，也可以。 我認為jQuery有一種跳轉到特定選擇器的方法，對嗎？ 讓我知道。

謝謝

Answer 1

jQuery ScrollTo插件可以解決您的問題。

jQuery.ScrollTo

相關： JQuery重點

或者，您可以添加以下腳本：

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");
});

Answer 2

在創建克隆的同一函數中，還要從原始LI元素中刪除name屬性。

Answer 3

您可以動態更改克隆元素的名稱屬性：

$(function() {
    names = ['A', 'B', 'C'];

    $.each(names, function(i, name) {
        $("[name='" + name + "']")[1].name = name + "2";
    });
});

然后，您可以跳至“＃A2”。