javascript - 用于 Soundcloud 轨道的 jQuery fancyBox

标签 javascript jquery jquery-plugins fancybox fancybox-2

我正在使用 jQuery fancybox http://fancyapps.com/fancybox/对于我的 Web 应用程序中无法正常工作的 soundcloud 轨道。这是 jsfiddle http://jsfiddle.net/QNHN5/106/

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.

谁能告诉我我犯了什么错误?

谢谢!

最佳答案

由于您打开的是外部站点,因此 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; 
        });
   }
 });​

关于javascript - 用于 Soundcloud 轨道的 jQuery fancyBox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11616226/

相关文章:

jquery - 编写 jQuery 插件的标准

jquery - jQuery forms.js ajaxSubmit 执行后的默认表单提交行为

javascript - 类型错误 : Cannot set property 'checked' of null for CheckBox

javascript - 如何使用 JavaScript 暂停和恢复 CSS3 动画?

jquery - 网站在移动设备上不显示真实分辨率(Bootstrap,也许吧?)

javascript - 为什么窗口高度没有调整到页面上最高元素的高度以下?

jquery - $ ('div.img',这个)

javascript - $watch 不适用于数组

javascript - Firebase 推送不是添加而是替换 (JavaScript)

javascript - 如何限制字段仅接受 4 个数字字符作为输入并在 div 中获取警报