Question

我想为我的帮助网站做一些滑动上下菜单。我有这段代码：

$(".li_about").click(function(){
    if ($(".ul_about").is(":hidden")) $(".ul_about").slideDown(400);
    else $(".ul_about").slideUp(400);
})

<div id="left-contener">
    <ul id="menu">
        <li class="li_about" style="background-image: url(icons/PNG/color_128/info2.png);"><span>O programie<span> </li>
        <li class="sep_1"></li>
            <ul class="ul_about">
                <li name="about" >Czym jest Creator?</li>
                    <li class="sep"></li>
                <li  name="first">Twój pierwszy obraz</li>
                    <li class="sep"></li>
            </ul>
 etc [...]

#left-contener{
    position:relative;
    z-index: 5;
    width:30%;
    max-width:400px;
    height:calc(100% - 45px);
    background-color: #F8F8F8;
    float:left;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y:scroll;
    -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#menu{
    margin-top:10px;
    margin-left:15px;   
}
ul {
list-style:none;
padding:0;
margin:0;
}
li:not(.sep_1):not(.sep){
    height:40px;
    line-height: 40px;
    cursor:pointer;
    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: 0px 5px;
    text-indent: 40px; 
}
li:not(.sep):not(.sep_1):hover{
    text-indent:50px;
    color:#16C0FF;
}
.ul_tools,.ul_about,.ul_main{
    display: none;
}

为什么SlideDown（）和SlideUp（）在IE（11）中不起作用？其他浏览器都很好。

PS。更多的文本因为Stackoveflow说我需要把它放得更多，但我想我已经足够解释我的问题......

Answer 1

你能使用.slideToggle（）吗？这可能是一个愚蠢的问题，但是jQuery正确加载了吗？

$(".li_about").click(function(){
    $(".ul_about").slideToggle(400);
});

Answer 2

你在这一行中有一个错字：

<li class="li_about" style="background-image: url(icons/PNG/color_128/info2.png);"><span>O programie<span> </li>

你没有关闭你的跨度。这是固定的：

<li class="li_about" style="background-image: url(icons/PNG/color_128/info2.png);"><span>O programie</span></li>

IE不像其他浏览器那样容易解开未关闭的标签，这可能是问题所在。

IE 11中的jQuery SlideUp（）和SlideDown（）不起作用

2 个答案: