1

所以我使用 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 ....这是格式化的最佳方法吗?我意识到返回的视频必须渲染,但我不知道如何处理。谢谢你的帮助!

4

0 回答 0