动态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/