JQuery проблема Internet Explorer 9 и 7 - PullRequest
Новая
       19

JQuery проблема Internet Explorer 9 и 7

0 голосов
/ 09 августа 2011 
 $(document).ready(function(){
    $("#yanMenu ul").hide();
    $("div#button").click(function(){
        $(this).next().slideToggle("normal");
        });
    });


                        <div id="yanMenu">          
                           <div id="button"><h5>Kategori 1</h5></div>
            <ul>
                <li><a href="#">Secenek 1</a></li>
                <li><a href="#">Secenek 2</a></li>
                <li><a href="#">Secenek 3</a></li>
                <li><a href="#">Secenek 4</a></li>
            </ul>
            </div>
<!-- This code it doesnt work!-->
                        <div id="yanMenu">          
                               <div id="button"><h5>Kategori 1</h5></div>
                <ul>
                    <li><a href="#">Secenek 1</a></li>
                    <li><a href="#">Secenek 2</a></li>
                    <li><a href="#">Secenek 3</a></li>
                    <li><a href="#">Secenek 4</a></li>
                </ul>
                </div>
<!-- This code it doesnt work!-->

Это скрипт меню переключения.Когда я снова скопировал этот HTML-код, он не работал в ie9 и ie 7 Что я могу сделать?

Ответы [ 2 ]

3 голосов
/ 09 августа 2011

Поскольку вы используете один и тот же идентификатор более одного раза на странице.Идентификаторы должны быть уникальными (только один экземпляр на страницу)

Попробуйте вместо этого использовать классы. 

 $(document).ready(function(){
    $(".yanMenu ul").hide();
    $(".button").click(function(){
        $(this).next().slideToggle("normal");
        });
    });


     <div class="yanMenu">          
      <div class="button"><h5>Kategori 1</h5></div>
        <ul>
            <li><a href="#">Secenek 1</a></li>
            <li><a href="#">Secenek 2</a></li>
            <li><a href="#">Secenek 3</a></li>
            <li><a href="#">Secenek 4</a></li>
        </ul>
        </div>
   <div class="yanMenu">          
      <div class="button"><h5>Kategori 1</h5></div>
        <ul>
            <li><a href="#">Secenek 1</a></li>
            <li><a href="#">Secenek 2</a></li>
            <li><a href="#">Secenek 3</a></li>
            <li><a href="#">Secenek 4</a></li>
        </ul>
        </div>
1 голос
/ 09 августа 2011

Значения идентификатора должны быть уникальными (я предполагаю, что ваш компилятор может выдать вам предупреждение, если вы его продублировали).Они могут относиться к одному классу, или вы можете даже использовать атрибут name для вашей разметки.

$('div[class="toggle"]').click(function(){.....}
<div id="button1" class="toggle">
<div id="button2" class="toggle">

... или имя атрибута вместо класса, но класс, вероятно, является предпочтительным путем

...