所以我使用 jQuery 手风琴来折叠/展开“事件”:基本上我得到了一堆 youtube 视频并将它们放在一个 div 中,点击后会展开。但是,当我这样做时,有时一半屏幕会变黑,所以我想知道发生了什么。我对加载动画或介于两者之间的东西很好,但不知道该怎么做。
$('.header').click(function() {
var thisDiv = $(this);
if (thisDiv.parent()
.next('.content:not(:empty)').text().length > 0)
{
$.get('/videos', function(data) {
thisDiv.parent().next('.content').html(data);
$('#events').accordion();
});
}
});
从 /videos 返回的数据是 youtube 视频,所以...
<iframe width="560" height="315" src="http://www.youtube.com/embed/ALUxf1R0aXU" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/ALUxf1R0aXU" frameborder="0" allowfullscreen></iframe>
<iframe width="560" height="315" src="http://www.youtube.com/embed/ALUxf1R0aXU" frameborder="0" allowfullscreen></iframe>
...ETC...
这是最好的方法吗?我正在用从 jQuery.get 返回的数据替换 .content div ....这是格式化的最佳方法吗?我意识到返回的视频必须渲染,但我不知道如何处理。谢谢你的帮助!