js点击列表的第一个元素，不起作用，最后一个元素起作用

wukongk

于 2016-06-06 20:46:28 发布

阅读量1.8k

点赞数

分类专栏： javascript css3

本文链接：https://blog.csdn.net/u013742084/article/details/51598105

版权

在尝试实现手风琴菜单时遇到问题，HTML结构包含li列表，但JavaScript绑定的点击事件只对最后一个ul生效。错误在于for循环结束后才执行事件绑定，通过将循环内容放入闭包解决，使得每个按钮都能正确绑定事件。

摘要由CSDN通过智能技术生成

在网上看到手风琴菜单的demo，就想来模仿着做一个

html内容如下：

<div class="container">
        <ul>
            <li class="dropdown">
                <a href="#" data-toggle="dropdown">First Menu <i class="icon-arrow"></i></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </li>
            <li class="dropdown">
                <a href="#" data-toggle="dropdown">Second Menu <i class="icon-arrow"></i></a>
                <ul class="dropdown-menu">
                    <li><a href="#">Home</a></li>
                    <li><a href="#">About Us</a></li>
                    <li><a href="#">Services</a></li>
                    <li><a href="#">Contac