jquery ie7问题

嗨我的javascript和jquery的知识是非常基本的，所以我已经知道是什么原因导致问题了。jquery ie7问题

我已经创建了一个简单滑块上显示两个消息，以便一个显示器和幻灯片显示第二之一，但它不是在IE7工作，我试图在IE8，铬，火狐代码和歌剧和它的工作原理。

这里是我的代码：

HTML：

<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>

CSS：

#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;}

JS：

$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(); 
});

来源

2011-05-24 DumboMorton

JavaScript错误，如果有的话，被赋予了什么？ – Matt 2011-05-24 17:06:18

即时通讯没有得到一个错误代码 – DumboMorton 2011-05-24 17:15:26

已经摆弄了CSS已经计算出ie7不加载JavaScript和只显示第二张幻灯片隐藏在第一个外面的大小，我已经设置div标记 – DumboMorton 2011-05-24 17:24:54