为什么当我滚动到我的页面顶部并单击附加表单的链接时，它会向下滚动我

Why when i scroll top my page and click link which append a form it scroll me down

本文关键字：滚动 链接 表单 单击 我的 为什么 顶部      更新时间：2023-09-26

我有一个页面显示活动提要，每个提要都有一个评论链接，我动态添加一个评论表单，如下所示：

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

当我向下滚动我的页面并单击某个评论链接时，它会按预期向我显示表单，但是如果我再次滚动到页面顶部并尝试单击评论链接，它也会显示表单，但它将我滚动到底部页面到我之前单击的最后一个链接， 有人可以告诉我为什么会有这种行为和解决方案？

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

始终将您移动到第一个创建的带有类"注释"的文本区域元素。也许您必须添加一些 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;
    });
相关文章：