jquery - Fancybox 简单的 href 麻烦

Question

哦，

我遇到了一个非常基本的问题。我在页面的开头运行了一个fancybox 弹出窗口，它显示了一个图像。我无法将此图像链接到 zip 文件，因为我已经使用了 href 属性，但它不会让我更改要使用的代码

<!-- FANCYBOX POPUP -->
<a class="popupLink" href="http://peoplelikeusmusic.com/images/assets/popupart.jpg"></a> 

任何帮助表示赞赏。

Answer 1

首先，您不需要使用type:"iframe"来打开图像。

其次，如果您使用的是 HTML5 DOCTYPE（您是），那么您可以使用data-*属性将其他信息传递给 fancybox，以便它可以在回调中执行其他操作。

因此，您的html可以包含指向图像（href属性）的链接和指向诸如以下属性的zip文件的链接data-*：

<a class="popupLink" data-zip="http://mysite.com/pathToZip/file.zip" href="http://peoplelikeusmusic.com/images/assets/popupart.jpg"></a>

然后使用afterShowfancybox回调通过like加载zip文件window.location.href

$(document).ready(function () {
    $(".popupLink").fancybox({
        padding: 3,
        afterShow: function () {
            window.location.href = $(this.element).data("zip");
        }
    });
    setTimeout('$(".popupLink").trigger("click")', 100);
}); // ready

见JSFIDDLE