javascript - Flexslider 在 html 中加载图像但不呈现任何内容

Question

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

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

The html in developer tools

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

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

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

The post with the problem

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

谢谢

Answer 1

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

所以看起来他们吐出了以下类(class)。

.widget_text, .widget_like_box {
    position:fixed;
}

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

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