私のウェブサイトには、タイトル、説明などを含む YouTube ビデオが埋め込まれた多数の div があるビデオ ページがあります。
最初の 3 つの div のみを表示し、「さらに読み込む」ボタンをクリックするたびに追加の 3 つを読み込むようにするにはどうすればよいですか。
私はすでにすべての div を非表示にしてから、最初の 3 つを .show() してから、クリックするたびに次の 3 つを表示しようとしましたが、何らかの理由で埋め込みビデオまたはおそらく iframe を使用すると、「表示( ）" 彼ら。他の html 要素のみが実際に表示されます。
これが私の失敗した試みです：
$(function(){
$("div").slice(0, 3).show(); // select the first three
$("#load").click(function(e){ // click event for load more
e.preventDefault();
$("div:hidden").slice(0, 3).show(); // select next 3 hidden divs and show them
if($("div:hidden").length == 0){ // check if any hidden divs still exist
alert("No more divs"); // alert if there are none left
}
});
});