jquery问题Internet Explorer 9和7

时间:2011-08-09 16:25:11

标签: jquery internet-explorer-7 internet-explorer-9 toggle next

 $(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中没有工作,即7我能做什么?

2 个答案:

答案 0 :(得分:3)

因为您在页面中多次使用相同的ID。 ID应该是唯一的(每页只有一个实例)

尝试使用类。

 $(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 :(得分:1)

ID值应该是唯一的(我假设如果你有重复的话,你的编译器可能会给你一个警告)。这些可以属于同一个类,或者您甚至可以使用name属性作为标记。

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

...或者名称属性而不是类,但是类是最好的方式