Question

所以我发现了一个似乎有效的小虫子，但我无法弄清楚如何纠正它。

似乎jQuery循环将h2和p标记计为.slideshow的子元素，并在生成的mininav中创建链接...因此，而不仅仅是2个子元素.slide，它是显示4 ??在firefox和chrome中...... IE只显示2。

那么有没有办法修改脚本只计算.slideshow的第一个子元素？

    <script type="text/javascript"> 
    $(function() {
        $('.slideshow')
        .before('<div id="mininav" class="mininav" />')
        .cycle({

            fx      : 'fade',
            speed   : 'fast',
            timeout : 5500,
            pause   : 1,
            pager   : '#mininav',
            before  : function() { if (window.console) console.log(this.src); }

        });


    });
    </script>

    <div class="slideshow">             

            <div class="slide" style="background:#fff url({iw_value name='slideshow.image'/}) no-repeat top left;">

                        <h2>{iw_value name='slideshow.headline'/}</h2>
                        <p>{iw_value name='slideshow.text'/}</p>            

            </div>

<div class="slide" style="background:#fff url({iw_value name='slideshow.image'/}) no-repeat top left;">

                        <h2>{iw_value name='slideshow.headline'/}</h2>
                        <p>{iw_value name='slideshow.text'/}</p>            

            </div>

            </div><!--/slideshow-->

Answer 1

您是否在循环中尝试过'slideExpr'选项？这允许您选择应将哪些子元素视为幻灯片。

此外，我建议您仔细检查页面是否经过验证，以确保某些内容没有以.slide divs的结构关闭。

jQuery循环插件

1 个答案: