jQuery fancyBox for Soundcloud跟蹤

Question

我使用jQuery fancybox http://fancyapps.com/fancybox/爲soundcloud軌道在我的web應用程序，它不工作。這裏是的jsfiddle http://jsfiddle.net/QNHN5/106/

的URL的SoundCloud是http://w.soundcloud.com/player/?url=https://api.soundcloud.com/tracks/53816732&show_artwork=true

它表明這個錯誤

The requested content cannot be loaded. 
Please try again later. 

誰能告訴我，我已經做了錯誤？

謝謝！

Answer 1

既然你要打開外部網站，應該的fancybox在iframe模式打開。

你要麼類fancybox.iframe添加到您的選擇像

<a class="fancybox fancybox.iframe" .... 

或添加type: "iframe"到您的fancybox腳本選項

$(".fancybox") 
.attr('rel', 'gallery') 
.fancybox({ 
    type: "iframe", 
    beforeShow: function() { 
     /* Disable right click */ 
     $.fancybox.wrap.bind("contextmenu", function (e) { 
       return false; 
     }); 
    } 
});​ 

Answer 2

來自Getting a "The requested content cannot be loaded" with fancy box (no errors in console though)

你只需要兩兩件事：

1）。添加fancybox-media助手js文件（查看您自己的路徑）：

<script type="text/javascript" src="fancybox2.0.6/helpers/jquery.fancybox-media.js"></script> 

2）。傭工媒體選項添加到您的腳本：

$(".fancybox").fancybox({ 
    openEffect: 'none', 
    closeEffect: 'none', 
    padding: 0, //<-- notice I added a comma here ;) 
    helpers : { 
    media : {} 
    } 
});