Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/475.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 用于Soundcloud曲目的jQuery fancyBox_Javascript_Jquery_Jquery Plugins_Fancybox_Fancybox 2 - Fatal编程技术网

Javascript 用于Soundcloud曲目的jQuery fancyBox

Javascript 用于Soundcloud曲目的jQuery fancyBox,javascript,jquery,jquery-plugins,fancybox,fancybox-2,Javascript,Jquery,Jquery Plugins,Fancybox,Fancybox 2,我在web应用程序中使用jQuery fancybox作为soundcloud曲目,但它不起作用。这是JSFIDLE soundcloud url是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. 谁能告诉我

我在web应用程序中使用jQuery fancybox作为soundcloud曲目,但它不起作用。这是JSFIDLE

soundcloud url是
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.
谁能告诉我我犯了什么错误

谢谢

摘自:

你只需要再做两件事:

1) 。添加fancybox media helper js文件,如(检查您自己的路径):


2) 。将帮助器介质选项添加到脚本中:

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

填充:0,//因为您正在打开一个外部站点,所以应该在
iframe
模式下打开fancybox

您可以将类
fancybox.iframe
添加到选择器中,如

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

在本例中,最好通过评论部分参考该帖子。在本例中,该解决方案不适用,因为fancybox media js文件不支持该媒体格式。您可以检查该文件的源以查看支持哪些格式。
<a class="fancybox fancybox.iframe" ....
$(".fancybox")
 .attr('rel', 'gallery')
 .fancybox({
  type: "iframe",
  beforeShow: function () {
        /* Disable right click */
        $.fancybox.wrap.bind("contextmenu", function (e) {
                return false; 
        });
   }
 });​