動態Youtube視頻與jQuery和jSON

Question

所以我有一個json對象回來，我想拉對象的縮略圖，添加點擊事件，一旦點擊它建立基於json對象的SWF播放器。我基本上很難將縮略圖「綁定」到SWF。所以當你點擊這個縮略圖時，建立這個SWF。

這是一個拉伸縮略圖的JSFiddle。我不確定我是否設置正確。不知道設置點擊事件是否需要在for循環中。

jsfiddle.net/MW9HR/2/

任何幫助將不勝感激。

Answer 1

它應該不是在循環中，因爲你是（正確）使用實時方法。

然而，你是錯誤地傳遞swf數據。

應該$('.thumbnail').live('click', {swf:$swf}, function(e){

現在你可以從處理器中有e.data.swf

您還可以使用.die()^docs方法來拆散之前的直播點擊處理程序訪問它（的情況下，你的代碼運行不止一次），所以

$('.thumbnail').die('click').live('click', {swf:$swf}, function(e){ 

---

我也改變了你的代碼，在每個縮略圖上添加一個標識符，這樣你可以很容易地將它們映射到視頻數組中。

$videos += '<li class="video"><img class="thumbnail" data-videoid="'+$i+'" src="' + $thumbnail + '" alt="' +$title + '" /></li>'; 

您可以檢索此videoid當你與.data()^docs方法在元素上單擊以$(this).data('videoid')

演示在http://jsfiddle.net/gaby/JfqtK/