jquery - Fancybox简单的href麻烦

哦

我遇到一个真正的基本问题。我在页面的开头运行了一个化装盒弹出窗口，其中显示了一个图像。我无法使该图像链接到zip文件，因为我已经使用过href属性，但是它不允许我更改要使用的代码

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

任何帮助表示赞赏。

最佳答案

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

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

因此，您的html可以在href属性中包含指向图片的链接（data-*属性）和到zip文件的链接，例如：

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

然后使用afterShow fancybox回调通过window.location.href加载zip文件，例如

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

见JSFIDDLE

关于jquery - Fancybox简单的href麻烦，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/19797806/