JavaScript多個滑塊

Question

我試圖向一個HTML頁面添加多個滑塊。我使用一個模板來構建網站（目前比任何東西都更加快速），並且它提供了精煉幻燈片java腳本（如下所示）。這適用於所有具有一個滑塊的頁面，我試圖調整它以在同一頁面上添加兩個滑塊。兩者的尺寸都使用跨度空間，但我無法看到調整它以添加新尺寸的最佳方式。我試圖添加它作爲另一個元素，因此'rs-slider，rs-slider1' - 第一個完美的工作，但我似乎不能讓另一個正確添加，只是列表元素結束。任何幫助一如既往的讚賞！

我認爲這將需要下面要聲明，但我可能弄錯：

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

你只需要另一個與另一個元素。