JQuery offset（）仅返回HTML文档的偏移量

Question

我想得到div的偏移值，但我只得到HTML文档的偏移量，即0,0

这是测试代码： - HTML： -

<div id="result">Click an element.</div>
<div style="margin:auto; height:100px; width:134px; position:absolute; left: 193px; top: 53px;" id="name">JQuery</div>

SCRIPT： -

$("*",document.body).mouseover(function (e) {
  var offset = $(this).offset();
    e.stopPropagation();
    $("#result").text(this.tagName + " coords ( " + offset.left + ", " + offset.top + " )");
});

Answer 1

的 LIVE DEMO

$(function(){  // DOM IS NOW READY (document.ready shorthand)

    $("*").click(function (e) {
        var offset = $(this).offset();
        e.stopPropagation();
        $("#result").text(this.tagName + " coords ( " + offset.left + ", " + offset.top + " )");
    });

});

在此处阅读更多内容：http://api.jquery.com/ready/

Answer 2

你缺少jQuery .ready事件，包括那个你应该做得好。