flexslider无法正确加载

Question

我遇到的问题是，当我加载网站时，我的Flexslider不会总是加载，我不知道为什么，因为这种代码对我来说是新的。

当我加载页面时，Flexslider不会加载，但是当我打开chrome的Web检查器或萤火虫时，它将加载。

我试图找到答案，但似乎没有任何反应... 这是我的代码：

//for reload fragment
getFragmentManager().beginTransaction().replace(R.id.hundler,Main_Fragment()).commit();

我尝试过的

旧堆栈问题： Slider (flexslider) NOT loading fast enough on page load?

此链接与我的问题最相关：Flexslider not loading properlly

链接到我的网站，您可以在我的个人资料上找到

Answer 1

问题在于您使用的页面的预加载。

您将整个#content区域设置为display:none，因此当flexslider初始化时，所有元素都没有高度（为0 ），因此初始化错误。将#content设置为display:block后，您需要运行flexslider初始化，或在其后触发调整大小，这将迫使flexslider重新计算其大小。

要快速修复，请尝试添加

$(window).load(function(){
    $(window).trigger('resize');
})