為什么當我在頁面頂部滾動並單擊附加表格的鏈接時，它會向下滾動

Question

我有一個頁面顯示活動供稿，每個供稿都帶有評論鏈接，我像這樣動態添加評論表：

$("#feedList").on("click", ".comment-link", function(e){
        $(this).parent().append('<form method="post" action="#" class="commentForm"><p><textarea class="comment"></textarea></p><p><input type="submit" value="add" class="send-Comment-Btn" /></p></form>');
        $("textarea.comment").select();
        return false;
    }); 

當我向下滾動頁面並單擊一些評論鏈接時，它會按預期顯示表單，但是，如果我再次滾動至頁面頂部，並且嘗試單擊評論鏈接，它也會顯示該表單，但會滾動至我之前單擊過的最后一個鏈接的底部頁面，有人可以告訴我為什么這種行為和解決方案？

Answer 1

$("textarea.comment").select();

將始終將您帶到第一個創建的帶有“ comment”類的textarea元素。 也許您必須添加一些ID，以增加每次點擊的次數，例如：

var someID = 0;
$("#feedList").on("click", ".comment-link", function(e){
someID += 1;
        $(this).parent().append('<form method="post" action="#" class="commentForm"><p><textarea class="comment" id="selectorForComment' + someID + '"></textarea></p><p><input type="submit" value="add" class="send-Comment-Btn" /></p></form>');
        $("#selectorForComment" + someID).select();
        return false;
    });