jQuery offset() 在 Chrome 中返回 null

Question

我有以下 HTML:

<div id="menu">
<ul>
    <li><a href="#"><img src="imagenes/user.png" width="32" height="32" alt="My Profile" title=""/></a></li>
    <li><a href="#"><img src="imagenes/photo.png" width="32" height="32" alt="Photo Gallery" title=""/></a></li>
    <li><a href="#"><img src="imagenes/bookmark.png" width="32" height="32" alt="Social Bookmarking Tools" title=""/></a></li>
    <li><a href="#"><img src="imagenes/rss.png" width="32" height="32" alt="RSS" title=""/></a></li>
    <li><a href="#"><img src="imagenes/search.png" width="32" height="32" alt="Search" title=""/></a></li>              
    <li class="selected"><a href="#"><img src="imagenes/setting.png" width="32" height="32" alt="Control Panel" title=""/></a></li>
</ul> 
<div id="box"><div class="head"></div></div></div>

以及以下 JS 代码:

    $(document).ready(function () {
        var style = 'easeOutExpo';
        var default_left = Math.round($('#menu li.selected').offset().left - $('#menu').offset().left);
        var default_top = $('#menu li.selected').height();
                ... 

我遇到的问题是“$('#menu li.selected').offset()”在 Chrome 中返回 null。我收到此错误消息:“未捕获类型错误:无法读取 null 的属性‘left’”。在 Firefox 5.0 中工作正常，我还没有在 IE 中尝试过。

谢谢!

Answer 1

根据上面的 HTML，<div id="menu">没有结束标签。

尝试再添加一个 </div>到 HTML 的末尾。