正在获取列表项位置()

Getting list item position()

本文关键字:位置 列表 获取      更新时间:2023-09-26

我想得到列表项的位置,但在这两种情况下我都得到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');

在这种情况下,如何正确检索位置?

您可以在$(document).ready(function(){ /*your code */ });:上使用jquery

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

只需记录此变量,然后。。