jquery 相关

使用jq的toggle()、toggleClass() 、hide()、slideUp(),fadeOut()等类似有隐藏功能的jq方法时的注意事项
由于用户操作，会引发的非逻辑错误的bug

以下代码为例：

      <input type="text" autocomplete="false" id="" placeholder="输入金额">
      <div class="box">
          <ul>
              <li>我是内容1</li>
              <li>我是内容2</li>
              <li>我是内容3</li>
                       ···
          </ul>
      </div>

需求：文档结构为input+div.box>ul>li，ul>li 结构的高度大于box的高度，超出部分scroll,当点击box的时候，展开ul>li，滚动到底部点击最后一个li标签,将li标签的包含的文本内容赋值给input的value，同时box要求被折叠、隐藏、滑出、淡出等从页面消失的效果。
问题描述:（1）当滑动ul>li至底部，ul>li滚动还没有停下来的时候，就马上点击最后一个li标签的时候，可能会出现获取的值
undefined 或者得到了是另一个li标签的文本内容（2）或者是ul>li的高度远远大于box的高度时，就算滚动到底部的，等ul>li都静止了，再点击最后一个li标签同样会出现undefined

原因分析: 获取数据的操作是要延后于显示于隐藏等操作的，所以当点击li标签的时候，js会马上驱动浏览器的内核来重新渲染页面，让box消失等效果，然后浏览器再来获取页面上的li标签的文本内容，可是现在最底部的那个li标签已经消失不见了，所以你可能得到的是undefined或者是其余li标签的文本内容值

解决办法:我们加上延迟delay(300),这里至少300以上，