Question

我面临着一件奇怪的事情。我正在使用lightslider来显示我的img-s。现在，当我在常规dom中使用它时，那个打开的东西一切正常。但有时我会在常规窗口上显示一个模态窗口，并且我遇到的问题是第一个img从未显示过。我可以滚动到其他人，但是当我选择第一个节目时，它会出现一秒钟然后消失。经过一番尝试后发现，当我调整浏览器窗口（手动）只调整一个像素时，我可以选择第一个img（如果它已被选中但不可见，它会单独显示）

有人知道原因是什么，或者如果没有，我怎样才能模拟窗口调整大小的行为（这将是快速而肮脏的解决方案）？

此致

Answer 1

您可以将此$( window ).resize();放在脚本后面。那应该工作。但是，您也可以使用以下代码段：

onSliderLoad: function() {
    $( window ).resize();
}, onAfterSlide: function() {
    $( window ).resize();
}

不要使用太多此脚本$( window ).resize();，因为jquery将显示错误“超出RangeError：超出最大调用堆栈大小”，如果显示该错误，则仅使用一个$( window ).resize();

Answer 2

任何人仍然对旋转木马有这个问题。快速解决方案是在ID之间切换，其中一个ID具有“ height：0px”和隐藏的溢出。这个人真的真的杀了我，所以希望能对在那里的人有所帮助。

#demo {
  visibility: hidden;
  overflow: hidden;
  height: 0px;



}
#demo_visible {
  overflow: hidden;
}


   jQuery(document).ready(function ($) {
        $(".arrow_link").click(function (e) {
            e.preventDefault();

    if ($(".demo").attr('id') == 'demo_visible') {

                $(".demo").attr('id', 'demo');

            } else {

                $(".demo").attr('id', 'demo_visible');

            }
        });
    });

Lightslider - 首先img不显示，直到窗口调整大小

2 个答案: