ColorBox iframe - 要求されたURL /未定義がサーバー上に見つかりません

Question

私は構築しているサイトに最新のColorBox jqueryプラグインを追加しようとしていましたが、ifraeポップアップでURLを読み込もうとするたびにIFRAME内に表示、次のメッセージ（フレーム自体は完全に生成 - それはちょうど、SEMコンテンツにプルすることはできません）：

>Not Found 
> 
>The requested URL /myfolder/undefined was not found on this server. 

は私がローカルにあるリンク（例えばinfo_page.php）との外部リンク（でこれを試してみました例えばhttp://www.google.com）。なぜ私のコードはほとんど直接カラーボックスの例から持ち上げられるので、ロードされていないのか分かりません。

（頭の中で）私のHTMLは次のとおりです。

<!--COLORBOX--> 

    <link rel="stylesheet" href="css/colorbox.css" /> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
    <script src="javascript/jquery.colorbox.js"></script> 
    <script> 
     $(document).ready(function(){ 
      //Examples of how to assign the ColorBox event to elements 
      $(".group1").colorbox({rel:'group1'}); 
      $(".group2").colorbox({rel:'group2', transition:"fade"}); 
      $(".group3").colorbox({rel:'group3', transition:"none", width:"75%",  height:"75%"}); 
      $(".group4").colorbox({rel:'group4', slideshow:true}); 
      $(".ajax").colorbox(); 
      $(".youtube").colorbox({iframe:true, innerWidth:425, innerHeight:344}); 
      $(".iframe").colorbox({iframe:true, 'href' : $(this).attr('href'), width:"80%", height:"80%"}); 
      $(".inline").colorbox({inline:true, width:"50%"}); 
      $(".callbacks").colorbox({ 
       onOpen:function(){ alert('onOpen: colorbox is about to open'); }, 
       onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); }, 
       onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); }, 
       onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); }, 
       onClosed:function(){ alert('onClosed: colorbox has completely closed'); } 
      }); 

      //Example of preserving a JavaScript event for inline calls. 
      $("#click").click(function(){ 
       $('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here."); 
       return false; 
      }); 
     }); 
    </script> 

    <!--END COLORBOX--> 

そして、私はこれを生成するために使用するボディのリンクは次のとおりです。

<a class="iframe" href="http://google.com/">Test</a> 

私はから変更されていないJavaScriptファイルとCSSファイルカラーボックスのサイトで見つかったものです。何か助けていただければ幸いです。

は（NB：私は現在、ローカルでサイトを運営しています）
http://jacklmoore.com/colorbox/

Answer 1

あなたはどのようなブラウザを使用していますか？

ColorBoxは、コンテンツを動的に読み込むためにajaxを使用し、多くのブラウザがそのアクションをセキュリティポリシーの実装として防止します。ローカルでの開発は意図しない結果となることがあります。

考慮すべき点：

この現象はすべてのブラウザで確認できますか？ プロジェクトを真のリモートサーバーにインストールできますか？

PS。申し訳ありませんが、これはまさにSOの意味での "答え"ではありません...