通过 jQuery 附加容器时出现 fitvid.js 问题答案

【问题标题】：Issue with fitvid.js when appending container via jQuery通过 jQuery 附加容器时出现 fitvid.js 问题
【发布时间】：2014-03-19 21:26:36
【问题描述】：

我已经使用FitVid 几个月了，从未遇到过任何问题，但现在我遇到了问题，我似乎无法找出原因。

我将它与 portfolio plugin 的修改版本一起使用，但无论出于何种原因，它似乎都不起作用。我在想这是因为 fitvid 容器是通过 jQuery 附加的？

这是附加所有我需要的内容的 jQuery 函数；

Preview.prototype = {
    create : function() {
        this.$iframeWrapper = $('<iframe src=""frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>');
        this.$fitVid = $( '<div class="fitvid"></div>' ).append( this.$iframeWrapper );
        this.$fullimage = $( '<div class="og-fullimg"></div>' ).append( this.$fitVid  );
    }
}

我已经检查了两次和三次，并且我正确调用了 FitVid 并且主脚本工作正常（它在网站的另一部分工作）并且我尝试在 FitVid 之前和之后调用网格脚本和似乎没有任何效果。

如果有帮助 this is the page 我有问题。您可以看到视频 iframe 和 .fitvid div 输出正常，但未正确调整大小。

提前致谢。

【问题讨论】：

标签： jquery append

【解决方案1】：

我不确定我是否可以在这里提供帮助，看来你放弃了这个问题。

您的.colio-content 类设置为display: none
它没有高度

如果我在 DOM-inspector 中手动添加它们，它似乎可以正常工作。但是你可能想要添加一些浮动。

【讨论】：