jquery自动滑块未按预期工作

时间:2016-08-26 12:50:54

标签: javascript jquery html css

我正在使用我在之前项目中使用的jQuery滑块。问题是滑块现在无法正常工作..图像只是继续在另一个下面而没有任何反应。我也确保我已经包含了索引中的jQuery链接。这是代码的jsfiddle链接,因为它太大而无法上传到这里:jsfiddle.net/1y7gyuvw/。

1 个答案:

答案 0 :(得分:0)

您的代码很好,只需要进行两项更改。 1.你需要包含你没有包含的jquery文件。 2.您刚刚指定了有关滑块的所有代码内容,但您没有调用该函数来创建滑块,因此只需调用它。

喜欢以下。我为你创造了jsfiddle。 http://jsfiddle.net/ej5q80wh/
好好享受。 :)

$( '.sldr' ).each( function() {
    var th = $( this );
    th.sldr({
        focalClass    : 'focalPoint',
        offset        : th.width() / 2,
        sldrWidth     : 'responsive',
        nextSlide     : th.nextAll( '.sldr-nav.next:first' ),
        previousSlide : th.nextAll( '.sldr-nav.prev:first' ),
        selectors     : th.nextAll( '.selectors:first' ).find( 'li' ),
        toggle        : th.nextAll( '.captions:first' ).find( 'div' ),
        sldrAuto      : true,
        sldrTime      : 2000,
        hasChange     : true
    });
});

您只需为图像指定正确的路径,图像就会开始滑动。如果您有任何问题,请告诉我,我会为您解决这个问题。