Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 高度在某些时间无法正确渲染_Jquery_Css_Html_Anythingslider - Fatal编程技术网

Jquery 高度在某些时间无法正确渲染

Jquery 高度在某些时间无法正确渲染,jquery,css,html,anythingslider,Jquery,Css,Html,Anythingslider,首次加载和访问此页面上的某些幻灯片时,无法呈现正确的高度。有些信息被切断了。转到幻灯片2(Ecomaster BB1),在气流旋钮的图像下应该有一些关于保修的信息。页面不会呈现最后一个文本块 这是奇怪的部分。如果刷新页面,什么也不会发生,但是如果您转到地址栏并在那里单击,然后再次按return,页面将正确加载,并且高度都正确 我真的不明白,已经花了太多时间在这上面了。任何帮助都会非常好 谢谢。我不能确定,但我猜它没有调整大小,因为你明确告诉它不要使用调整大小内容:false: $('#slide

首次加载和访问此页面上的某些幻灯片时,无法呈现正确的高度。有些信息被切断了。转到幻灯片2(Ecomaster BB1),在气流旋钮的图像下应该有一些关于保修的信息。页面不会呈现最后一个文本块

这是奇怪的部分。如果刷新页面,什么也不会发生,但是如果您转到地址栏并在那里单击,然后再次按return,页面将正确加载,并且高度都正确

我真的不明白,已经花了太多时间在这上面了。任何帮助都会非常好


谢谢。

我不能确定,但我猜它没有调整大小,因为你明确告诉它不要使用
调整大小内容:false

$('#slider').anythingSlider({
                                width : 1228,          // Override the default CSS width
                                resizeContents : false,
                                navigationFormatter : formatText,
                                autoPlay : false,
                                easing: 'easeInOutExpo'

                        });

把它拿出来,它可能会起作用。如果没有,给我们摆弄一把小提琴;)

在firefox和chrome上对我有效吗?这可能是一个溢出css问题,因为它只出现在IE中


Andrew

主要问题是webkit浏览器在图像开始加载之前触发document ready事件,因此尚未获得图像尺寸。因此,如果在css或内联中包含图像维度:

<img src="images/blythe-ecomaster-bb2.jpg" style="width:1228px;height:678px;" />

resizeContents:false
有点误导。这实际上会自动调整内容的大小,否则我将不得不设置幻灯片整体的高度。这会使较小的幻灯片看起来很奇怪,底部有很多空白。调整内容大小选项将添加宽度:100%;高度:100%到幻灯片内部的直接单独子元素(即找到的第一个元素,如果它是唯一的直接元素);因此,包装图像和标题的div将应用css,而不是图像或标题。只有图像或iframe/嵌入视频的幻灯片将应用css并调整大小以适应幻灯片尺寸。如果幻灯片中有多个元素,则不会对这些元素产生任何影响。呼。。我希望这足够清楚。这样你就可以看到两列文本,在气流控制图像下?它在Firefox中对我有效,但chrome与Safari中的问题相同。也许这与Webkit有关。这肯定解决了这个问题。谢谢福吉。有关最终修复结果,请参阅blythestoves.com
width : 1228,          // Override the default CSS width