2013-06-23 73 views
4

我試圖通過API創建一個簡單的Flickr插件來顯示照片集畫廊。我想它的工作方式是這樣的:jQuery。每個選擇器實例的每個運行函數

<div id="72157634235266773" class="thumb"></div> 

    <div id="72157633471728555" class="thumb"></div> 

和jQuery插件會遍歷並找到所有div的帶class =「拇指」和插件的id值 - 這是Flickr的photoset ID - 進入代碼來渲染畫廊的縮略圖和相應的圖像文件。

這撥弄有我的代碼:http://jsfiddle.net/eBGVV/3/

看看它是如何在「照片集1」的地方有兩個相同的縮略圖旁邊的對方?

期望的結果將是在正確的拇指每張照片設置1和2

我知道有一個與我如何使用。每一個問題,但我不知道是什麼?

謝謝!

回答

10

更改前四行所以$(文件)。就緒巢一切,和每個功能中,您只需要使用$(本)

$(document).ready(function() { 
    $('.thumb').each(function() { 
      var PhotoSetID = $(this).attr("id"); 
來指代.thumb當前迭代實例
+0

哇!那就是訣竅。非常感謝。這是正確的版本:http://jsfiddle.net/eBGVV/4/。任何人在那裏讀這個請隨時使用。只需要獲取您自己的flickr api密鑰! –

+0

你會考慮幫我解決一個相關的問題嗎? http://stackoverflow.com/questions/17262435/jquery-flickr-plugin-with-colorbox-gallery-displays-previous-photos –