jquery - bxSlider 无法在 IE8 中工作，除非激活开发人员工具

Question

我正在尝试使用 bxSlider，但 IE8 似乎不配合。在这个例子中，图像 slider 要么折叠起来，要么根本不显示......这很难说，因为当我打开开发工具进行调试时， slider 突然出现，一切看起来都很美好。

http://www.ilium.com/test/

还有另一个类似的问题，其中存在 JavaScript 错误(在不同的幻灯片插件中)，通过打开调试控制台解决了这个问题:

jQuery script only working under ie8/9 developer tools

...但 IE 似乎在我的情况下没有抛出任何错误，并且建议的修复不适用于/适用于我的情况。另外，我认为我的脚本中没有 console.log。我尝试添加任意数量的脚本来在页面加载时激活控制台，但无济于事。

我尝试了一个旨在解决 JQuery 冲突的修复(在另一个站点上建议，我还没有足够的代表来链接到)，改变 bxSlider 函数调用，如下所示:

    <script>// <![CDATA[
    $jQ = jQuery.noConflict();
    $jQ('#home').live('pageshow',function(){
    $jQ('.bxslider').bxSlider({
    mode: 'fade',
    auto: true,
    pager: false,
    controls:true,
    pause: 9000,
    });
    });
    // ]]>
    </script>

不好，并开始引发其他冲突。

在 GitHub 上的一个问题 ( https://github.com/wandoledzep/bxslider-4/issues/197 ) 中，据称 IE 正在折叠 bxSlider 中的 LI，并建议添加一些 CSS 来赋予 LI 宽度。这对我来说也不起作用。

所以几个小时后我对这个问题完全没有任何了解。医生们有什么建议吗？

Answer 1

有趣的是，今晚我遇到了同样的问题 - 在我的场景中，我能够在 bx-wrapper 上设置固定高度，所以......

.bx-wrapper{
   height: 500px !important;
}

为我修复了它 - 不理想，因为我希望它很灵活，但它在这里工作。

我尝试调试脚本并将其范围缩小到 resizeWindow->redrawSlider 处理程序是导致显示自行正确的原因(不是特别是开发人员工具，而是打开它们时发生的调整窗口大小事件) - 出于时间，但如果我有更好的解决方案明天会让你知道。