Flexslider 在 html 中加载图像但什么也不渲染答案

【问题标题】：Flexslider loads image in html but renders nothingFlexslider 在 html 中加载图像但什么也不渲染
【发布时间】：2013-08-18 01:36:33
【问题描述】：

我正在开发一个使用 flexslider 显示图片库的 wordpress 网站。图片在 html 中加载，但未在浏览器中显示。

我可以在代码中看到<div id="slider-1406-585559124" class="flexslider clearfix">，但高度为零。

另外，li 应该是<li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">。相反，它们缺少样式属性。

我尝试禁用一些插件，结果发现与“Q2W3 Fixed Widget”插件存在 javascript 冲突，这使得侧边栏中的框在用户滚动时保持固定。

现在我禁用了插件，它工作正常。但是关于如何解决冲突的任何想法？因为我真的很想用那个插件。

Q2W3 Fixed Widget 插件目前正在主页上运行，如果您需要，请查看它的 javascript。

感谢

【问题讨论】：

【解决方案1】：

在我看来，对这些小部件框使用 JS 有点矫枉过正。只需使用插件所做的所有 css。

所以看起来他们被以下课程吐出来了。

.widget_text, .widget_like_box {
    position:fixed;
}

这样您就不必处理 Javascript 错误和臃肿的代码。

此外，您的所有小部件都带有独特的类，您也可以应用 css 或通用的 .widget 类，它将针对每个小部件。

【讨论】：