无法为第一次单击设置偏移元素

Question

当我点击我的元素（div标签）时，我想在指针的位置显示我的信息。但在第一次点击它不起作用。它适用于第二次点击。

<div class="active" onclick="showInfo(event)"></div>
<div class="info">This is information<div>

open()

Answer 1

在显示div之前，不能设置/更改div的偏移量。

您需要先显示div，然后设置偏移量。这就是showInfo的样子：

showInfo = function(event){
    $(".info").show().offset({top: event.pageY, left: event.pageX});
}

Here是改变的小提琴。

Answer 2

演示：http://jsfiddle.net/erkaner/2L9ycL2v/2/

$(document).ready(function () {
    $(".info").hide();

    $(".active").click(function (event) {
        $(".info").show();
        $(".info").offset({
            top: event.pageY,
            left: event.pageX
        });
    });
});