动态Youtube视频与jQuery& JSON

时间:2011-03-28 17:03:03

标签: jquery json youtube

所以我有一个jSON对象回来了,我想从对象中拉出缩略图,添加click事件,一旦点击它就会根据jSON对象构建SWF播放器。我很难将缩略图“绑定”到SWF上。因此,当您单击此缩略图时,请构建此SWF。

这是一个将缩略图拉出来的JSFiddle。我不确定我是否正确设置。不确定设置click事件是否需要在for循环中。

jsfiddle.net/MW9HR/2/

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

它应该在循环中,因为你是(正确)使用live方法。

但是,您错误地传递了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方法点击$(this).data('videoid')

时,您可以检索此{{1}}

.data()docs

演示