jquery问题Internet Explorer 9和7

jv2fixgn 于 2023-06-22 发布在 jQuery

关注(0)|答案(2)|浏览(176)

$(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和ie7中不起作用，我该怎么办？

jquery

来源：https://stackoverflow.com/questions/6999503/jquery-problem-internet-explorer-9-and-7

2条答案

按热度按时间

zfciruhq1#

因为您在页面中多次使用相同的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>

赞(0）回复(0）举报 2023-06-22

nnsrf1az2#

ID值应该是唯一的（我假设如果你有重复的，编译器会给予你一个警告）。它们可以属于同一个类，或者您甚至可以为标记使用name属性。

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

...或name属性而不是class，但class可能是更好的方法

赞(0）回复(0）举报 2023-06-22

我来回答

jquery问题Internet Explorer 9和7

2条答案

相关问题

热门标签

最新问答