Question

当我使用#shadowBox时，Jquery正在我的slideToggle()上为高度添加内联样式我不知道为什么会发生这种情况或者如何摆脱它... http://test.yamiko.org/cp/是页面。单击登录或联系时，shadowBox会动画。

//login script
$('#header a[title="Sign In"], #login>button').click(function()
{
    if($('#login').is(':visible'))
    {$('#login').slideUp(1000).parent('#shadowBox').delay(1000).fadeToggle(1000);}
    else{$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000);}
});

我尝试了$('#shadowBox').height($(document).height());但它被内联样式覆盖了。

Answer 1

slideDown方法允许可选的回调，你可以改变

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000);}

到

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000, function() { 
  $('#shadowBox').height("100%"); 
});

如果您想完全删除高度，可以将我的上一个示例更改为

$('#shadowBox').fadeToggle(1000).children('#login').delay(1000).slideDown(1000, function() { 
  $('#shadowBox').height(""); 
});

当我使用slideToggle ... css3时，jquery正在为高度设置内联样式？

1 个答案: