Question

我尝试将多个滑块添加到一个HTML页面。我使用模板构建网站（目前速度比任何东西都多！）并且它提供了精简幻灯片java脚本（如下所示）。这适用于所有带有一个滑块的页面，我试图调整它以将另外两个滑块添加到同一页面上。两者都使用跨度空间来调整大小，但我无法看到调整它以添加新的空间的最佳方法。我尝试将其作为另一个元素添加，因此＆rsquo;滑块，rs-slider1＆＃39; - 第一个完美的工作，但我似乎无法正确添加另一个，只是结束列表元素。任何帮助一如既往的赞赏！

我认为需要声明如下，但我可能完全错了：

// RS (RefineSlide) object constructor
function RS(elem, settings) {
    this.$slider            = $(elem).addClass('rs-slider, rs-slider1');      // Elem: Slider element
    this.settings           = $.extend({}, defaults, settings);    // Obj: Merged user settings/defaults
    this.$slides            = this.$slider.find('> li');           // Elem Arr: Slide elements
    this.totalSlides        = this.$slides.length;                 // Int: Number of slides
    this.cssTransitions     = testBrowser.cssTransitions();        // Bool: Test for CSS transition support
    this.cssTransforms3d    = testBrowser.cssTransforms3d();       // Bool: Test for 3D transform support
    this.currentPlace       = this.settings.startSlide;         // Int: Index of current slide (starts at 0)
    this.$currentSlide      = this.$slides.eq(this.currentPlace);  // Elem: Starting slide
    this.inProgress         = false;                               // Bool: Prevents overlapping transitions
    this.$sliderWrap        = this.$slider.wrap('<div class="rs-wrap" />').parent();      // Elem: Slider wrapper div
    this.$sliderBG          = this.$slider.wrap('<div class="rs-slide-bg" />').parent();  // Elem: Slider background (useful for styling & essential for cube transitions)
    this.settings.slider = this;  // Make slider object accessible to client call code with 'this.slider' (there's probably a better way to do this)

    this.init();
}

Answer 1

我猜你代码中的某个地方有类似的东西：

$(someElement).refineSlide();

你只需要另一个与另一个元素的人。

JavaScript多个滑块

1 个答案: