Jquery in IE, fully messed up

时间:2011-08-10 作者:Niraj Chauhan

我正在使用nivo slider 在我的一个网站上,滑块在Firefox中看起来很完美,但在IE 7、8中,它的高度增加到1006px,滑块可以工作,但高度增加了很多,我已经停用了所有插件,它的视图仍然相同,但在我的localhost中它也可以在IE中工作,但我无法区分其中的实际问题,这里是网站http://www.marqueehireauckland.net.nz/

有人能帮我吗?

我的nivo滑块代码是

<script type="text/javascript" src="<?php bloginfo(\'template_directory\'); ?>/js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="<?php bloginfo(\'template_directory\'); ?>/js/jquery.nivo.slider.pack.js"></script>
    <script type="text/javascript">
    jQuery(window).load(function() {
        jQuery(\'#slider\').nivoSlider();
    });
    </script>



<div style="margin-top:-75px;">
            <div class="slider-wrapper theme-default">
                    <div class="ribbon"></div>
                    <div id="slider" class="nivoSlider">
                        <img src="<?php bloginfo(\'template_directory\'); ?>/images/header.jpg" alt="" width="1002"/>
                        <img src="<?php bloginfo(\'template_directory\'); ?>/images/header1.jpg" alt="" width="1002" />
                        <img src="<?php bloginfo(\'template_directory\'); ?>/images/header2.jpg" alt="" width="1002"/>
                        <img src="<?php bloginfo(\'template_directory\'); ?>/images/header4.jpg" alt="" width="1002"/>
                        <img src="<?php bloginfo(\'template_directory\'); ?>/images/header5.jpg" alt="" width="1002"/>
                    </div>
            </div>
            </div>
编辑:我已修复此问题。非常感谢。

1 个回复
最合适的回答,由SO网友:Niraj Chauhan 整理而成

经过长时间的调试,我发现.nivoSlider 没有确定的高度,所以我给了一个高度height:288px !important; woila成功了,

结束

相关推荐

JQuery滑块教程中的自定义函数出现问题

我找到了适合我需要的完美滑块,现在唯一的问题是我无法让它正常工作。出现的问题是创建的函数不能正常工作。它应该显示特定类别中的三个帖子,但最终会推送更多帖子,这可能是通过函数中的循环实现的。而且滑块效果根本不起作用-可能是因为这个原因。检查下面的url。这是第二步,在底部。slideshow\\u featured\\u帖子的代码。我感觉代码中缺少了一些东西,因为我已经看到代码中缺少了php标记。但我看不到什么。有谁比我更了解这一点,能帮忙吗?http://www.paddsolutions.com/how