jquery问题internet explorer 9和7 $（文档）.ready（函数（）{ $（“#yanMenu ul”）.hide（）； $（“div按钮”）。单击（函数（）{ $（this.next（）.slideToggle（“正常”）； }); }); Kategori 1 Kategori 1

这是切换菜单脚本。当我再次复制此html代码时，它在ie9和IE7中不起作用。我能做什么？

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

尝试改用类

 $(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!-->

$（文档）.ready（函数（）{
$（“.yanMenu”）.hide（）；
$（“.button”）。单击（函数（）{
$（this.next（）.slideToggle（“正常”）；
});
});
Kategori 1






Kategori 1

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

尝试改用类

 $(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!-->

$（文档）.ready（函数（）{
$（“.yanMenu”）.hide（）；
$（“.button”）。单击（函数（）{
$（this.next（）.slideToggle（“正常”）；
});
});
Kategori 1






Kategori 1

ID值应该是唯一的（我认为如果您复制了，编译器可能会给您一个警告）。这些可以属于同一类，或者您甚至可以对标记使用name属性

 $(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>

$（'div[class=“toggle”]）。单击（function（）{….}

---

…或名称属性而不是类，但类是可能的。更可取的方法是

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>

$（'div[class=“toggle”]）。单击（function（）{….}

…或名称属性而不是类，但类可能是更好的方法（'div[class=“toggle”]”）比（'.toggle'）慢很多检查我刚做的性能测试。（'div[class=“toggle”]”比（'.toggle'）慢很多检查我刚做的性能测试。