jquery - jqueryを使用してロードされた最初のアイテムをアニメーション化する方法は?

Question

リンクに load 関数を使用して、div 内に html ファイルをロードしています。また、slideDown を使用してコンテンツをアニメーション化しますが、最初に読み込まれた html では機能しません。どうすれば修正できますか？

http://jsfiddle.net/QNQv9/1/

$(document).ready(function() {
    $(".iframe").on("click", function(e) {
        e.preventDefault();
        $iframe.load($(this).attr('href'));
        $iframe.slideDown(500)
      });   
});

Answer 1

あなたのjsfiddleには、「Same Origin Policy」の問題があります。 XMLHttpRequest はhttp://jsfiddle.net/を読み込めません。オリジンhttp://fiddle.jshell.netは Access-Control-Allow-Origin で許可されていません。

コールバック関数でアニメーションを行う必要があります。これを試して 、

$iframe.load($(this).attr('href'), function() {
  $iframe.slideDown(500)
});