Flexslider在html中加載圖像，但不渲染任何東西

Question

我正在使用flexslider顯示圖像庫的wordpress網站上工作。 圖像加載在html中，但沒有顯示在瀏覽器中。

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

The html in developer tools

此外，李的應該是這樣的<li style="width: 100%; float: left; margin-right: -100%; position: relative; display: none;" class="">。相反，他們缺乏style屬性。

我試過禁用了一些插件，結果發現與「Q2W3 Fixed Widget」插件存在JavaScript衝突，這使得用戶滾動時側欄中的方框保持固定。

現在我已禁用該插件，它工作正常。但有關如何解決衝突的想法？因爲我真的想要使用該插件。

The post with the problem

的Q2W3固定的Widget插件目前正在對主頁，如果你需要看它的JavaScript。

Thanx

Answer 1

在我看來，對這些Widget框使用JS有點矯枉過正。只需使用所有插件正在做的CSS。

因此，他們似乎吐出了以下類。

.widget_text, .widget_like_box { 
    position:fixed; 
} 

這樣你就不必處理Javascript錯誤並且有臃腫的代碼。

此外，所有的小部件都吐出獨特的類，您可以應用css或一般的.widget類將針對每個部件。