Html 带有自定义菜单的Google Chome不'；不注册点击？_Html_Css_Google Chrome_Drop Down Menu

Html 带有自定义菜单的Google Chome不'；不注册点击？

html css google-chrome drop-down-menu

Html 带有自定义菜单的Google Chome不'；不注册点击？,html,css,google-chrome,drop-down-menu,Html,Css,Google Chrome,Drop Down Menu,我有一个使用标准LI和ULs构建的自定义菜单。它有一级子菜单。当我在Google Chrome中单击这些子菜单时，不会触发单击事件。这适用于IE，但不适用于Chrome 这个问题最近出现了，我敢肯定刚才一切都很好以下是HTML： <html> <head> <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script> <st

我有一个使用标准LI和ULs构建的自定义菜单。它有一级子菜单。当我在Google Chrome中单击这些子菜单时，不会触发单击事件。这适用于IE，但不适用于Chrome

这个问题最近出现了，我敢肯定刚才一切都很好

以下是HTML：

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<style type="text/css">
        #navMenu {
    width: 900px;
    position: absolute;
}
#navMenu ul {
    padding: 0;
    margin: 0 9px;
}
#navMenu li {
    margin: 3px 2px 0;
    float: left;
    list-style-type: none;
}
#navMenu li a {
    display: block;
    color: #000;
    border: 1px solid #000;
    background: #E1DFD0 top left repeat-x;
    height: 15px;
    line-height: 1.154em;
    text-decoration: none;
    font: normal normal bold 0.985em/normal arial, sans-serif;
    float: left;
    padding: 0px 6px 3px;
}
#navMenu li a {
    float: none;
}
#navMenu li a:hover, #navMenu li a.on{
    color: #FFF;
    background: #740404 top left repeat-x;
}

/*Sub-Menus*/
#navMenu li ul{
    margin: 0 0 0 -2px;    
    padding: 0;
    display: none;
    visibility:hidden;

    position: absolute;
}

#navMenu li:hover ul{
    display:block;
    visibility:visible;
    width: 10em;
}

#navMenu li li{
    display: list-item;
    clear: both;
    list-style: none;
    margin: 0;
}

#navMenu li li a{
    text-decoration: none;
    width: 150px;
}

#navMenu li li a:hover{
    color:#fff; 
}
</style>
</head>
<body>

<div class="position:relative; top:0">
    <div id="navMenu">
        <ul>
            <li>
                <a href="#" >Menu 1</a>
            </li>
            <li>
                <a href="#">Menu 2</a>
                <ul>
                    <li>
                        <a href="#">Menu 2.1</a>
                    </li>
                    <li>
                        <a href="#">Menu 2.2</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Menu 3</a>
                <ul>
                    <li>
                        <a href="#">Menu 3.1</a>
                    </li>
                    <li>
                        <a href="#">Menu 3.2</a>
                    </li>
                </ul>
            </li>
            <li>
                <a href="#">Menu 4</a>
                <ul>
                    <li>
                        <a href="#">Menu 4.1</a>
                    </li>
                    <li>
                        <a href="#">Menu 4.2</a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>
<script type="text/javascript">
$('#navMenu li>a').click(function() {
   console.log("clicked a link");
});
</script>

</body>
</html>


#导航菜单{
宽度：900px；
位置：绝对位置；
}
#导航菜单{
填充：0；
利润率：0.9px；
}
#navMenu li{
利润率：3×2×0；
浮动：左；
列表样式类型：无；
}
#纳维利{
显示：块；
颜色：#000；
边框：1px实心#000；
背景：#E1DFD0左上重复-x；
高度：15px；
线高：1.154em；
文字装饰：无；
字体：普通粗体0.985em/normal arial，无衬线；
浮动：左；
填充：0px 6px 3px；
}
#纳维利{
浮动：无；
}
#导航菜单a：悬停，#导航菜单a打开{
颜色：#FFF；
背景：#740404左上重复-x；
}
/*子菜单*/
#navMenu li ul{
边际：0-2px；
填充：0；
显示：无；
可见性：隐藏；
位置：绝对位置；
}
#导航菜单：悬停{
显示：块；
能见度：可见；
宽度：10em；
}
#李莉{
显示：列表项；
明确：两者皆有；
列表样式：无；
保证金：0；
}
#李丽娜{
文字装饰：无；
宽度：150px；
}
#导航菜单李a：悬停{
颜色：#fff；
}




























$（'#导航菜单li>a'）。单击（函数（）{
log（“单击链接”）；
});

还有一把小提琴

我无法解释这一点，任何帮助都将不胜感激

谢谢

对我来说还可以-在Windows 7上Chrome 22.0.1229.94…在Chrome/PC上小提琴对我来说还可以。如果你需要区分主导航点击和内部导航点击，看看这个小提琴：这很奇怪。你的小提琴一开始在Chrome中对我不起作用，然后我重新加载，它确实起作用了，我想它可能是选择器，但这不是问题所在。如果您在Chrome中有任何插入内容脚本的扩展，您可能希望禁用它们，或者在干净的配置文件上运行Chrome，然后再次测试。我已经禁用了所有扩展，子菜单单击仍然没有注册。真奇怪，也许我会换台电脑。。。