Javascript jqueryie7问题_Javascript_Jquery_Internet Explorer 7

Javascript jqueryie7问题

javascript jquery

Javascript jqueryie7问题,javascript,jquery,internet-explorer-7,Javascript,Jquery,Internet Explorer 7,嗨我对javascript和jquery的了解非常基础，所以我知道问题的原因我创建了一个简单的滑块来显示两条消息，其中一条显示，另一条显示，但在ie7中不起作用，我在ie8、chrome、firefox和opera中尝试了这段代码，效果很好这是我的密码： html: js: 看看这里的IE7 适用于Mac上的Fx4和Windows上的IE8。对不起，我没有IE7 给出了什么javascript错误（如果有的话）？一直在摆弄css的人已经发现ie7没有加载javascript，只是显示文本，

嗨我对javascript和jquery的了解非常基础，所以我知道问题的原因

我创建了一个简单的滑块来显示两条消息，其中一条显示，另一条显示，但在ie7中不起作用，我在ie8、chrome、firefox和opera中尝试了这段代码，效果很好

这是我的密码：

html:

js:

看看这里的IE7

适用于Mac上的Fx4和Windows上的IE8。对不起，我没有IE7

给出了什么javascript错误（如果有的话）？一直在摆弄css的人已经发现ie7没有加载javascript，只是显示文本，第二张幻灯片隐藏在第一个外侧下方，大小与我在div标记上设置的大小相同。这是一个非常古老的jQuery。1.6.1是当前的版本吗？请告诉我，银行已经将其更改为1.6.1版，但它仍然不工作。我在IE7中看到它不工作的唯一原因是因为fiddle站点上的脚本错误。。。如果禁用了错误显示，则可能是问题而不是问题代码的原因。换句话说，它在IE7中对我有效。。。您是否安装了任何可能导致此问题的扩展？我安装的ie7似乎就是问题所在。我在另一台电脑上试过了，它工作正常，问题解决了

<head>
    <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.cycle.js"></script>
    <script type="text/javascript" src="js/slideshow.js"></script>
</head>
<body>
    <div id="slideshow">
            <div class="slides">
                <ul>
                    <li id="slide-one">
                        <h3>slider 1</h3>
                        <p>content goes here
                        <br/><a href="#">Read More</a></p>
                    </li>
                    <li id="slide-two">
                        <h3>slider 2</h3>
                        <p>content goes here
                        <br/><a href="#">click here</a></p>
                    </li>
                </ul>
            </div>
            <a href="# "id="designer"></a>
        </div>

</body>
</html>

#slideshow {
display: block;
margin: 0px auto 0px auto;
width: 520px;
height: 100px;
background-color: black;
color: black;
padding: 5px 5px 5px 5px;
font-family: Helvetica;
clear: both;
}

#slideshow h3 {
color: #aa102c;
}


.slides {    
height: 100px;
width: 520px;
overflow: hidden;
background-color: white;
float: right;
}

#slide-one {
width: 515px;
height: 100px;
margin-left: 5px;
}

#slide-two {
width: 515px;
height: 100px;
margin-left: 5px;
}

#slideshow .slides h3 {
margin-top: 0;}

$slideshow = {
    context: false,
    tabs: false,
    timeout: 5000,
    slideSpeed: 2000,
    tabSpeed: 300,
    fx: 'scrollLeft',

    init: function() {

        this.context = $('#slideshow');

        this.tabs = $('ul.slides-nav li', this.context);


        this.prepareSlideshow();
    },

    prepareSlideshow: function() {

        $('div.slides > ul', $slideshow.context).cycle({
            fx: $slideshow.fx,
            timeout: $slideshow.timeout,
            speed: $slideshow.slideSpeed,
            fastOnEvent: $slideshow.tabSpeed,
            pager: $('ul.slides-nav', $slideshow.context),
            pagerAnchorBuilder: $slideshow.prepareTabs,
            before: $slideshow.activateTab,
            pauseOnPagerHover: true,
            pause: true
        });            
    },

    activateTab: function(currentSlide, nextSlide) {

        var activeTab = $('a[href="#' + nextSlide.id + '"]', $slideshow.context);

    }            
};


$(function() {

    $('body').addClass('js');

    $slideshow.init();
});