获取列表项position（）

Question

我想获取列表项的位置，但是在两种情况下我都得到0 ...

// html
<ul id="menu">
    <li id="itm1">ITEM ONE</li>
    <li id="itm2">ITEM TWO</li>
</ul>

// css
#menu {
    position:absolute;
    top:5em;
    left:1em;
}

// JS
clickMenuItem = function(t) {
    var pos = $('#' + t).position();
    var y = pos.top;
    console.log('y : '+y)
}

clickMenuItem('itm1');
clickMenuItem('itm2');

在这种情况下，如何正确检索位置？

Answer 1

您可以在$(document).ready(function(){ /*your code */ });使用jquery进行操作$(document).ready(function(){ /*your code */ }); ：

$("li").click(function(e){
    var pos = $(this).position();
});

只需记录此变量即可。