だから私は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>
...等...
これはこれを行うための最良の方法ですか？.content divをjQuery.getから返されるデータに置き換えています...これはこれをフォーマットするための最良の方法ですか？戻ってくるビデオはレンダリングする必要があることはわかっていますが、それをどのように処理するかわかりません。助けてくれてありがとう！