javascript - Jquery 动画在 IE7 中不起作用

Question

我正在完成一个网站，并正在努力使其与 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 值都在样式表中声明。

Answer 1

到处都有散乱的尾随逗号，例如:

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

删除它们，使其看起来像这样:

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

IE7 对那些尾随的逗号感到不安，但大多数其他浏览器让它滑动并 DWIM(按我的意思做)而不是提示。