爲每個滑塊生成Swipe JS滑塊DIV

我會先說我不是程序員，我是設計師。我對jQuery的知識有限，儘管有足夠的修補，我可以經常得到我需要的工作。所以請在這裏忍受。爲每個滑塊生成Swipe JS滑塊DIV

我正在製作一個網站（可能由Wordpress驅動），它將在單個頁面上具有多個滑塊。我設法讓Swipe JS在一個滑塊上正常工作，但我需要一些代碼來搜索我的所有滑塊DIV，併爲它們創建一個新的Swipe對象。我用於一個滑塊的代碼位是「var slider = new Swipe（document.getElementById（'slider'））;」但這對於多個滑塊不起作用。在HTML的

結構是這樣的：

<div class="slider"> 
    <ul> 
     <li style="display:block;"><img src="01.jpg"></li> 
     <li style="display:none;"><img src="02.jpg"></li> 
     <li style="display:none;"><img src="03.jpg"></li> 
    </ul> 

    <a class="prev" href="#" onclick='slider.prev();return false;'>prev</a> 
    <a class="next" href="#" onclick='slider.next();return false;'>next</a> 
</div>

我想感謝所有幫助你們可以給。謝謝！

來源

2013-01-13 tylorreimer

如果你希望所有swipestry像這樣

var swipes = [] 
$('.slider').each(function(i, obj) { 
     swipes[i] = new Swipe(obj); 
    });

，你只需要分配所有揮筆的class="slider"屬性。

<div class="slider" id="slider_1">...</div> 
<div class="slider" id="slider_xy">...</div> 
<div class="slider" id="foobar">...</div>

不管身份證是如何工作的，因爲我們選擇具有特定類的元素。

您可以通過使用

swipes[1].prev(); 
swipes[9].prev();

你有多少揮筆有數量要求訪問每個輕掃，但要記住：沒有刷卡。 1。將swipes[0]

來源

2013-01-13 16:50:55 mercsen

它的工作！非常感謝mercsen。 – tylorreimer

有沒有辦法爲這些滑塊自動生成下一個和上一個鏈接？由於滑塊是由CMS生成的，我需要找到一種方法來自動生成下一個和上一個。 – tylorreimer

@tylorreimer

我用swipe.js用於通過AJAX添加動態內容。我所做的只是爲添加的每個滑塊添加一個計數器。所以對於每個下一個和prevbuttons我做了onclick="swipes[swipeSliderCounter].next()

順便說一句，我初始化滑塊mercen做的方式。

$('.slider').each(function(i, obj) { 
     swipes[i] = new Swipe(obj); 
    });

來源

2013-04-16 12:33:22 Ringziii

爲每個滑塊生成Swipe JS滑塊DIV

回答

相關問題