В IE 9 перестал работать slideToggle - PullRequest
Новая
       1

В IE 9 перестал работать slideToggle

2 голосов
/ 16 марта 2011

У меня не было проблем, пока я не обновился до IE 9.

Вот javascript: 

 jQuery.noConflict(); 
var $j = jQuery; 


$j(document).ready(function () {
    $j('div.menu_class').click(function () {
    $j('ul.the_menu').slideToggle('medium');
    });
});

Вот HTML: 

<div id="button" class="menu_class">
        <ul class="the_menu">
          <li><a href="/houston.html">Houston</a></li>
        </ul>
</div>

Вот CSS: 

#button {
    height: 32px;
    width: 184px;
    margin: auto;
    background-image:  url(button.png);
    background-repeat: no-repeat;
    background-position:0 0;
    position:absolute;
    left: 499px;
    top: 71px;
    color:#FFF;
    font-size:20px;
    font-weight: bold;
    text-align:center;
    line-height:32px;
    z-index:1;
}
#button ul, li {
    margin:0;
    padding:0;
    list-style:none;
}
.menu_class {
    border:1px solid #1c1c1c;
    cursor:pointer;
}
.the_menu {
    display:none;
    width:184px;
    border: 1px solid #1c1c1c;
    font-size:14px;
    text-align:left;
    line-height:16px;
    z-index:1;
    position:absolute;
    top:33px;
    left:0;
}
.the_menu li {
    background-color: #302f2f;
    margin:0;
    padding:0;
    list-style:none;
    display:block;
    float:left;
    width:100%;
}
.the_menu li a {
    color:#FFFFFF;
    text-decoration:none;
    padding:10px;
    display:block;
}
.the_menu li a:hover {
    padding:10px;
    font-weight:bold;
    color: #F00880;
}

Любые идеи о том, что проблема может быть или как ее исправить?

Спасибо,

Тим

Ответы [ 2 ]

0 голосов
/ 12 октября 2013

Настройка «положение: относительное; масштаб: 1;» на родителя, кажется, исправить проблема.

- JQuery Issue Ticket 11168

0 голосов
/ 08 августа 2011

извините за повторное открытие старого сообщения!

Я столкнулся с этой проблемой и в IE9, лучшее решение, которое я нашел, - это на самом деле применить тумблер к LI вместо UL.

...