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（Do Do I Mean）而不是抱怨。

Answer 2

尝试明确说明单位。你在说'315'，但那是什么单位？脚？米？厘米？使用'315px'，因为它明确说明单位。

此外，您无需反复编写function() {}。完全省略它。

Jquery动画在IE7中不起作用

2 个答案: