javascript - 获取列表项位置()

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:

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

然后记录这个变量..