Question

要获得当前div的顶部和左侧，请点击此处。

<div class="channel" onclick="highlight_channel();">
    <p>Pax TV, 8am (Lima, Peru, in Spanish)</p>
</div>

function highlight_channel() {
    var highlight_top = $(this).position().top;
    var highlight_left = $(this).position().left;
    alert(highlight_top);
    var clear_highlight = document.getElementById("highlight");
    clear_highlight.parentElement.removeChild(clear_highlight); 
    $("#page").append('<div id="highlight" class="channel selected" style="top:'+highlight_top+'left='+highlight_left+'></div>');
}

这似乎没有得到信息。

Answer 1

尝试offset()而不是位置（）。

Answer 2

试试这个：

function highlight_channel() {
    offs = $(this).offset(); // <-- caching for better performance.
    var highlight_top = offs.top;
    var highlight_left = offs.left;
    alert(highlight_top);
    $("#highlight").replaceWith('<div id="highlight" class="channel selected" style="top:'+highlight_top+'left='+highlight_left+'></div>'); // <-- replacing #highlight the jQuery way
}

Answer 3

如果您已经在使用jQuery，为什么不使用jQuery click方法：

$('.channel').click(function() {
    var highlight_top = $(this).position().top;
    var highlight_left = $(this).position().left;
    alert(highlight_top);
    var clear_highlight = document.getElementById("highlight");
    clear_highlight.parentElement.removeChild(clear_highlight); 
    $("#page").append('<div id="highlight" class="channel selected" style="top:'+highlight_top+'left='+highlight_left+'></div>');

});

http://jsfiddle.net/ZbnZ9/

Answer 4

你错过了“;”我认为。

$("#page").append('<div id="highlight" class="channel selected" style="top:'+highlight_top+'; left='+highlight_left+'; ></div>');

祝你好运。

在jQuery中检索div的顶部和左侧偏移量

4 个答案: