asp.net 下拉菜单 鼠标悬停 显示或隐藏

Question

这个问题让我很困惑。我在其它项目上都可以，鼠标悬上去也能显示下拉列表，问题是：当鼠标在下拉列表菜单上滚动时，却不显示了。上代码：<div id="menu">
            <ul id="menu_1">
                <li class="shouye"><a href="index.html" target="_blank">首页</a></li>
                <li><a href="about.html" target="_blank">关于我们</a></li>
                <li><a href="develop.html" target="_blank">发展历程</a></li>
                <li><a href="products.html" target="_blank">我们产品</a>
                    <ul style="display:none;">
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                        <li><a href="#">产品一</a></li>
                    </ul>
                </li>
                <li><a href="###" target="_blank">精品推广</a></li>
                <li><a href="join.html" target="_blank">代理加盟</a></li>
                <li class="rencai"><a href="jobs.html" target="_blank">诚聘英才</a></li>
            </ul>
        </div>js如下：<script typr="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script><script type="text/javascript" language="javascript">
//        $(function() {
//            $("ul#menu_1>li:has(ul)").hover(function()
//            { $(this).find('ul').fadeIn(400); }, function() {
//                $(this).find('ul').fadeOut(400);
//            });
        //        });
        jQuery(document).ready(function() {
            // 找到所有菜单, 并添加显示和隐藏菜单事件
        jQuery('#menu_1 > li').each(function() {
                jQuery(this).hover(                // 显示菜单
function() {
    jQuery(this).find('ul:eq(0)').show();
},                // 隐藏菜单
function() {
    jQuery(this).find('ul:eq(0)').hide();
} );
            });
        });     </script>ASP.NETjQuery

Answer 1

你这样写jQuery('#menu_1 > li').each(function() { 好像不对，自己慢慢的调试吧，单纯这样说，不调试js，也很难说清楚的。

Answer 2

<script type="text/javascript">
        $(function() {
            $('#menu_1 li').hover(function() {
                $(this).children('ul').stop(true, true).show();
            }, function() {
                $(this).children('ul').stop(true, true).hide();
            });
        });
    </script>

Answer 3

样式问题，子菜单的范围超过了父元素li的范围了
可以webdeveloper工具调试一下看看