在第一个弹出框中创建第二个弹出框

Question

单击popover内的咖啡按钮时，尝试选择当前用户。 用户填充在主页中。

<div class="user">
...
    <div class="popover hovercard" role="tooltip">
        ...
        <div class="info">
            <div class="info-inner">
                <div class="interactions">
                    <a class="coffee-btn btn" href="#">Coffee</a>
                </div>
            </div>
        </div>
    </div>
...
</div>

我尝试选择“最接近”的用户，但显然是针对所有用户。 以下是JS代码：

$(document).on("click", ".interactions .coffee-btn" , function(){
        $(this).parents(".popover").popover('hide');

        // get user dom 
        var cur = $(this).closest(".user");
        console.log(cur); //returns an array, not what i want
        cur.css("float", "left");

        // create another popover 

  });

我应该为用户分配id而不是angular并以这种方式定位吗？

Answer 1

尝试：

$(".interactions .coffee-btn").on("click",  function(){

    // get user dom 
    var cur = $(this).closest(".user");
    console.log(cur); //returns an array, not what i want
    cur.css("float", "left");

});

这对我有用here。

当您在$(this)上使用(document)时，您选择的是文档，而不是按钮。