Javascript Jquery动画在IE7中不起作用

Javascript Jquery动画在IE7中不起作用,javascript,jquery,internet-explorer,internet-explorer-7,Javascript,Jquery,Internet Explorer,Internet Explorer 7,我正在完成一个站点,并正在努力使其与ie7兼容,但是有一个基本脚本可以上下移动3个选项卡,但它无法正常工作。代码如下 $(document).ready(function() { $('.lower').click(function() { $('#range-dropdown').animate({ top: '315', }, 2000, function() {}); $('#range-dropdown2').animate({ top: '

我正在完成一个站点,并正在努力使其与ie7兼容,但是有一个基本脚本可以上下移动3个选项卡,但它无法正常工作。代码如下

 $(document).ready(function() {
     $('.lower').click(function() {

    $('#range-dropdown').animate({
    top: '315',
  }, 2000, function() {});
  $('#range-dropdown2').animate({
    top: '0',
  }, 2000, function() {});
      $('#range-dropdown3').animate({
    top: '0',
  }, 2000, function() {});
      $('.rangelist-container').animate({
    top: '715',
  }, 2000, function() {});
      $('#dropdown-holder').animate({
    marginBottom: '120px',
  }, 2000, function() {});
   });


   $('.lower1').click(function() {
   $('#range-dropdown2').animate({
    top: '315',
  }, 2000, function() {});
      $('#range-dropdown').animate({
    top: '0',
  }, 2000, function() {});
      $('#range-dropdown3').animate({
    top: '0',
  }, 2000, function() {});
     $('.rangelist-container').animate({
    top: '715',
  }, 2000, function() {});
        $('#dropdown-holder').animate({
    marginBottom: '120px',
  }, 2000, function() {});


    });

  $('.lower2').click(function() {
  $('#range-dropdown3').animate({
    top: '315',
  }, 2000, function() {});
    $('#range-dropdown').animate({
    top: '0',
  }, 2000, function() {});
    $('#range-dropdown2').animate({
    top: '0',
  }, 2000, function() {});
    $('.rangelist-container').animate({
    top: '715',
  }, 2000, function() {});
        $('#dropdown-holder').animate({
    marginBottom: '120px',
  }, 2000, function() {});


  });
 });
任何帮助都将不胜感激


*所有css值都在样式表中声明。

尝试显式声明单位。你说的是315,但单位是什么?脚?米?厘米?使用
“315px”
,因为它明确说明了单位


此外,您不需要反复编写
function(){}
。完全省略即可。

尝试明确说明单位。你说的是315,但单位是什么?脚?米?厘米?使用
“315px”
,因为它明确说明了单位


此外,您不需要反复编写
function(){}
。只需完全省略即可。

到处都是零散的尾随逗号,例如:

$('#range-dropdown').animate({
    top: '315', // <----------------- Right here
}, 2000, function() {});

IE7被那些尾随的逗号弄得心烦意乱,但大多数其他浏览器都让它滑动和DWIM(照我的意思)而不是抱怨。

到处都是尾随的逗号,例如:

$('#range-dropdown').animate({
    top: '315', // <----------------- Right here
}, 2000, function() {});

IE7被那些尾随的逗号弄得心烦意乱,但大多数其他浏览器都让它滑动和DWIM(照我的意思)而不是抱怨。

如果你只给那些下拉列表类,你会节省大量的输入。嗯,你是什么意思?我只是稍微涉猎了一下JS,以避免在简单的动画中使用flash@pointyI想到的是几乎相同代码的所有重复行。这没什么大不了的。如果你只上那些下拉式的课,你会省下很多打字的时间。嗯,你是什么意思?我只是稍微涉猎了一下JS,以避免在简单的动画中使用flash@pointyI想到的是几乎相同代码的所有重复行。这没什么大不了的。不幸的是,这并不能解决问题,但感谢省略函数的提示。不幸的是,这并不能解决问题,但感谢省略函数的提示。哦,jslint看起来确实非常方便,我对此一无所知。再次感谢!哦,jslint看起来真的很方便,我不知道。再次感谢!