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

Question

切换页面，后或者点的快的时候。就没效果了。不会进行图片的切换了。
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()
        })
    })