1

Jqueryは、#shadowBox使用時に高さのインラインスタイルを追加しています。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());ましたが、インラインスタイルで上書きされてしまいます。

4

1 に答える 1

5

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(""); 
});
于 2012-05-15T22:01:50.693 に答える