为了简短起见,我正在尝试为jquery cycle插件选择#small-cycle1,#small-cycle2等。 使用通配符选择它似乎无效,因为它会将所有周期的寻呼机导航写入每个周期。

下面是我现在如何解决该问题。

        $('#small-cycle1').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav1',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle2').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav2',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle3').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav3',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle4').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav4',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });
        $('#small-cycle5').cycle({ 
            speed:       0, 
            timeout:     0,
            pager:      '#nav5',
            pagerEvent: 'mouseover', 
            pauseOnPagerHover: true
        });

是否可以在选择器中和分页器:选项中使用通配符?

===============>>#1 票数:3 已采纳

我不熟悉cycle插件,但是此代码应选择您想要的所有元素。 只需将“ cycleCount”设置为您在页面上显示的幻灯片数,它就会循环遍历它们。

var cycleCount = 5;
for(var i = 1; i <= cycleCount;i++){
    $('#small-cycle'+i).cycle({ 
        speed:       0, 
        timeout:     0,
        pager:      '#nav'+i,
        pagerEvent: 'mouseover', 
        pauseOnPagerHover: true
    });
}

  ask by Sean translate from so

未解决问题?本站智能推荐: