javascript - fancybox v2 iframe 高度调整

Question

有没有办法让下面的脚本只适用于 fancybox 中的 iframe？我有一个包含图库和 iframe 的页面。我希望 iframe 具有不同的高度而不影响图像大小。

$('.fancybox').fancybox({
afterLoad: function () {
    this.width = $(this.element).data("width");
    this.height = $(this.element).data("height");
}
});

Answer 1

在将 data-* 值传递给 fancybox 之前，您可以设置一个条件来验证内容的 type，例如:

$(".fancybox").fancybox({
    afterLoad: function () {
        if (this.type == "iframe") {
            this.width = $(this.element).data("width");
            this.height = $(this.element).data("height");
        };
    }
});

JSFIDDLE

---

你也可以像 this.element 这样引用 $(this)

$(".fancybox").fancybox({
    afterLoad: function () {
        if (this.type == "iframe") {
            this.width = this.element.data("width");
            this.height = this.element.data("height");
        };
    }
});

JSFIDDLE