jquery堆栈溢出与简单的滑块

时间:2016-05-26 09:26:54

标签: javascript jquery

对现有的滑块不满意(主要是因为它们是膨胀的代码并需要外部脚本调用),我决定尝试编写一个简单的,特定于站点的内联滑块脚本。但是,我收到堆栈溢出错误。

        <div id="featured">
        <div class="tween">
            <div class="cropimg">
            </div>
            <div class="container">
                text
            </div>
        </div>
        <div class="tween">
            <div class="cropimg">
            </div>
            <div class="container">
                text
            </div>
        </div>
        <div class="tween">
            <div class="cropimg">
            </div>
            <div class="container">
                text
            </div>
        </div>
    </div>
        <script>
        var _rys = jQuery.noConflict();

        _rys("document").ready(function(){
            var timeOut = 5000;
            setTimeout(nextSlide(1),timeOut);
        });

        function nextSlide(next) {
            var i = 1;
            var numberOfChildren = _rys("#featured").children().length;

            _rys(".tween:nth-child("+next+")").fadeTo(500,1);
            while (i<=numberOfChildren) {
                // loop through the children and make those that are opaque invisible
                if (i != next) {
                    if (_rys(".tween:nth-child("+i+")").css('opacity') != 0) {
                        _rys(".tween:nth-child("+i+")").css('opacity',0);
                    }
                }
                i++;
            }

            if (next>=numberOfChildren) {
                setTimeout(nextSlide(1), 5000);
            } else {
                setTimeout(nextSlide(next+1), 5000);
            }
        }
    </script>

0 个答案:

没有答案