Анимация Jquery не работает в IE7

Question

Я нахожусь в процессе доработки сайта и просто работаю над тем, чтобы сделать его ie7 compat, однако есть один базовый скрипт, который перемещает 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 (делать то, что я имею в виду) вместо жалоб

Answer 2

Попробуйте явно указать единицы измерения.Вы говорите '315', но в каких единицах это?Ножки?Метры?Сантиметры?Используйте '315px', поскольку в нем явно указаны единицы измерения.

Кроме того, вам не нужно писать function() {} снова и снова.Просто опустите его полностью.