Question

我在隐藏的DIV中使用一个名为BXSLIDER的Jquery Slider，它通过jQuery滑动打开。问题是除非我略微调整浏览器大小，否则滑块不会出现。

我认为这是因为滑块javascript在div打开之前加载，因此在我调整浏览器大小之前找不到合适的高度/宽度尺寸。

有没有解决这个问题？

示例位于：

Example请务必点击剑桥，然后点击购物 - 然后调整大小

Answer 1

使用visiblity隐藏div：隐藏或将其绝对放置在可视区域之外。然后元素仍然呈现，滑块可以初始化正确。我还建议使用Jquery插件imagesLoaded（https://github.com/desandro/imagesloaded），这对于在任何滑块启动之前检查是否所有图像都已完全加载非常有用。

Answer 2

我知道这是旧的，但未来可能会对其他人有所帮助。我有一个类似的问题，在我调整窗口大小之前，JS图表没有显示。我所做的是将初始化程序包装为函数，然后在事件处理程序中调用该函数（在我的例子中，它是单击按钮）。没有细节解释这很奇怪，但是这里有一个fiddle，它不起作用，这个fiddle有修复。

$("#button").click(function(){
    $("#chartdiv").toggle();
    makeChart();
});

function makeChart() {
     var chart = AmCharts.makeChart("chartdiv", {
         //all the stuff
     });
}

除非调整屏幕大小，否则不会出现jQuery滑块

2 个答案: