所以我使用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>
...等...
这是最好的方法吗?我正在使用从jQuery.get返回的数据替换.content div。这是格式化这种格式的最佳方法吗?我意识到回来的视频必须渲染,但我不知道如何处理。谢谢你的帮助!