JavaScript多个滑块

-1

我试图向一个HTML页面添加多个滑块。我使用一个模板来构建网站（目前比任何东西都更加快速），并且它提供了精炼幻灯片java脚本（如下所示）。这适用于所有具有一个滑块的页面，我试图调整它以在同一页面上添加两个滑块。两者的尺寸都使用跨度空间，但我无法看到调整它以添加新尺寸的最佳方式。我试图添加它作为另一个元素，因此'rs-slider，rs-slider1' - 第一个完美的工作，但我似乎不能让另一个正确添加，只是列表元素结束。任何帮助一如既往的赞赏！JavaScript多个滑块

我认为这将需要下面要声明，但我可能弄错：

// 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(); 
}

来源

2016-12-05 user2265957

我猜什么地方在你的代码你有一些看起来像这样：

$(someElement).refineSlide();

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

来源

2016-12-05 20:51:53

正确，所以在那里我有$ .data（这个'refineslide'，新的RS（this，refineslide1）为新的例子?? – user2265957

类似的东西你必须看周围的代码在这个例子中，它指的是元素，但你想要引用第二个元素 –

我想我可以看到，所以周围是if语句， // jQuery插件包装 \t $ .fn [ 'refineSlide'] =功能（设置）{ \t \t回this.each（函数（）{// 检查是否已经实例化这个ELEM \t \t \t如果（$的数据（这一点， 'refineSlide'）！）{ //实例和商店ELEM +字符串 \t \t \t \t $。数据（这一点， 'refineSlide'，新RS（这一点，设置））; \t \t \t} \t \t}）;所以如果refineslide已经在那里，我们想要启动Refineslide1，它会引用新的RS，或者仍然会回头看看最初的refineslide – user2265957

JavaScript多个滑块

回答

相关问题