Question

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

此时我只是将它发送给隐藏的div中的一个字段以及点击的“flag”链接旁边的pop。（摘自：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();
});

加载弹出窗口并填充点击链接中的信息

1 个答案: