用于Soundcloud曲目的jQuery fancyBox

jQuery fancyBox for Soundcloud tracks

本文关键字：jQuery fancyBox 曲目 Soundcloud 用于      更新时间：2024-01-04

我使用的是jQuery fancyboxhttp://fancyapps.com/fancybox/对于我的web应用程序中的soundcloud曲目，它不起作用。这是小提琴http://jsfiddle.net/QNHN5/106/

声音云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.

有人能告诉我我犯了什么错误吗？

谢谢！

由于您正在打开一个外部站点，因此应该以iframe模式打开fancybox。

您可以像一样将类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; 
        });
   }
 });​

取自：获取一个"所请求的内容不能被加载"；带有花哨的盒子（控制台中没有错误）

你只需要两样东西：

1） 。添加fancybox媒体助手js文件如下（检查您自己的路径）：

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

2） 。将helpers媒体选项添加到脚本中：

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