写的代码等一会或者切换页面就没效果了。

切换页面,后或者点的快的时候。就没效果了。不会进行图片的切换了。
F12看效果只会闪一下,并没有把最后一个加到第一个,这是怎么回事。第一次运行都是好的。求解。

这是HTML结构代码

   <div class="special-item-con">
                    <ul class="cf clearfix">
                        <li>
                            <div class="pic">
                                <span>
                                    <i class="iconfont icon-zuo"></i>
                                </span>
                                <div class="changeimg">
                                    <a >
                                        <img src="images/product-1.jpg" width="200" height="200">
                                    </a>
                                    <a >
                                        <img src="images/product-2.jpg" width="200" height="200">
                                    </a>
                                    <a >
                                        <img src="images/product-3.jpg" width="200" height="200" >
                                    </a>
                                </div>
    
                                <span>
                                    <i class="iconfont icon-you"></i>
                                </span>
                            </div>
                            
                        </li>
                    </ul>    
    </div>
                            

下面是JS

$('.special-item-con li').each(function(i) {
        $(this).hover(function() {
            if($(this).children('.pic').children('.changeimg').children('a').length <= 1) {
                $(this).children('.pic').children('span').remove()
            } else {
                $(this).children('.pic').children('span').show()
                $(this).children('.pic').children('span').eq(0).click(function() {
                    $(this).siblings('.changeimg').children('a:first').appendTo($(this).siblings('.changeimg'))
                })
                $(this).children('.pic').children('span').eq(1).click(function() {
                    $(this).siblings('.changeimg').children('a:last').prependTo($(this).siblings('.changeimg'))
                })
            }
        }, function() {
            $(this).children('.pic').children('span').hide()
        })
    })
    

  • 使用<ion-scroll>水平滚动其中内容后,请问如何在其中垂直滚动整个页面的内容?
  • 怎么用JavaScript控制视频播放到20秒弹出问题选项?
  • 如何设置允许用户调节浏览器宽度但不小于768px
  • ant design里面的表单怎么设置为禁用?
  • JS定义对象属性时有这样一个语法 done:!1,,不理解,求指教
  • ant-design中文件上传 upload 的问题,
  • ajax跨域上传文件
  • 怎么打印出ResultSet的整体结构?类似Arrays.toString一样
  • 如何做到积分网页实时反映辅助 App 状态?
  • 如何通过点击移动页面上的按钮,(同时兼容安卓和ios)完美启动app?
  • JS使用ele.style.backgoundImage = ” =’none’取消背景图片都无效