javascript - 加载弹出窗口并填充来自点击链接的信息

Question

我想创建一个报告/标记评论的系统。

在这一点上，我只是让它将 commentid 发送到一个隐藏的 div 内的一个字段，并将该 div 弹出到单击的“标志”链接旁边。 (取自:How to position one element relative to another with jQuery?)

我在每条评论中都有这样的内容:

<a class="flag" id="flag-post-@(item.ID)">flag</a>

这是我的jquery:

$(".flag").click(function () {

            var commentId = $(this).attr('id');
            $("#comment-id-label").val(commentId);


            //get the position of the placeholder element
            var pos = ("#"+commentId).offset();
            var width = ("#"+commentId).width();
            //show the menu directly over the placeholder
            $("#menu").css({ "left": (pos.left + width) + "px", "top": pos.top + "px" });
            $("#menu").show();
        });

<div style="position: absolute; display: none;" id="menu">
           <input id="comment-id-label"   type="text" value="" />
</div>

但它没有任何想法？

Answer 1

您在两个地方缺少 jQuery 别名 $。

我做了一些调整，让它工作:

$(".flag").click(function () {

    var commentId = $(this).attr('id'),
        comment = $("#"+commentId);

    $("#comment-id-label").val(commentId);

    //get the position of the placeholder element
    var pos = comment.offset();
    var width = comment.width();

    //show the menu directly over the placeholder
    $("#menu").css({
        "left": pos.left+width,
        "top": pos.top
    }).show();
});