Javascript Jquery动画在IE7中不起作用
我正在完成一个站点,并正在努力使其与ie7兼容,但是有一个基本脚本可以上下移动3个选项卡,但它无法正常工作。代码如下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: '
$(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看起来真的很方便,我不知道。再次感谢!