Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
IE中的Jquery问题_Jquery_Html - Fatal编程技术网

IE中的Jquery问题

IE中的Jquery问题,jquery,html,Jquery,Html,有些人帮我回答了最后一个问题,对此我非常感谢。不幸的是,我在Internet Explorer上不断遇到一系列奇怪的问题 这是我的代码,当你点击家庭列表项时,它的背景会延伸到孩子们 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o

有些人帮我回答了最后一个问题,对此我非常感谢。不幸的是,我在Internet Explorer上不断遇到一系列奇怪的问题

这是我的代码,当你点击
家庭
列表项时,它的背景会延伸到孩子们

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

        <script type="text/javascript">
            $(document).ready(function() {
                $("#flip_1").click(function() {
                    $("#panel_1").slideToggle("slow");
                }); 
            });
        </script>

        <style type="text/css">
            .navigation ul {
                font-size: 12px;
                list-style-type: none;

                padding: 0; 
                margin: 0; 
            }


            .navigation {
                float: left;
                width: 200px;
            }

            .navigation li {
                background-color: #F5F2EE;
                background-position: left top;
                background-repeat: no-repeat;
                border: 1px solid #E9E3DD;
                height: auto;
                margin-bottom: 4px;
                padding: 4px 5px 4px 20px;
            }

            .navigation li:hover {
                background-color: #DEB887;
                cursor: pointer;
            }

            .nodisplay {
                display:none; 
            }
        </style>
    </head>

    <body>
        <div class="navigation">
            <ul>
                <li><a href="">First</a></li>
                <li><a href="">Second</a></li>
                <li><a href="">Other Things</a></li>
                <li><a href="">Process</a></li>

                <li id="flip_1">
                    <span>Family</span>
                </li>

                <div id="panel_1" class="nodisplay">
                    <ul>
                        <li> First</li>
                        <li> Second</li>
                    </ul>
                </div>

                <li>More</li>
            </ul>
    </body>
</html>

$(文档).ready(函数(){
$(“#翻转1”)。单击(函数(){
$(“面板1”)。滑动切换(“慢速”);
}); 
});
.导航ul{
字体大小:12px;
列表样式类型:无;
填充:0;
保证金:0;
}
.导航{
浮动:左;
宽度:200px;
}
李先生{
背景色:#F5F2EE;
背景位置:左上;
背景重复:无重复;
边框:1px实心#E9E3DD;
高度:自动;
利润底部:4倍;
填充:4px 5px 4px 20px;
}
.导航李:悬停{
背景色:#DEB887;
光标:指针;
}
.nodisplay{
显示:无;
}
  • 家庭
    • 首先
    • 第二
  • 更多

是否存在这样的情况,
family
下的子项
li
s可以像其他项目一样出现,而不像它们被
family
背景色包围?这种奇怪的行为只发生在Internet Explorer的兼容性视图中。

实际上,对我来说,这也发生在其他浏览器中。如果希望.navigation li选择器只影响直接子代,而不影响所有子代,则需要将.navigation li选择器更改为.navigation>li选择器。我想这就是你想要的?

或者,如果你想要第三种背景色,你可以添加一个.navigation li li选择器。请注意,子选择器
在IE7中不起作用,即使QuirksMode说它起作用。在我编辑它之前,你的代码是一团乱麻。另外,有人知道它本身的
{padding:0;margin:0;}
是否有效,因为它没有选择器?