jquery - 動的パディング（jQuery）

Question

$('#menu .sub-right').css( 'paddingLeft', $('#menu .sub-left').width() );

または

$('#menu .sub-right').css({'padding-left': $('#menu .sub-left').width()});

...これらの作品。私は何が間違っているのですか？

ありがとう！

Answer 1

これは機能しますか？

$('#menu .sub-right').css( 'padding-left', $('#menu .sub-left').width()+"px" );

幅関数のドキュメントには次のように記載されています。

.css（width）と.width（）の違いは、後者は単位のないピクセル値（たとえば、400）を返すのに対し、前者は単位がそのままの値（たとえば、400px）を返すことです。数学計算で要素の幅を使用する必要がある場合は、.width（）メソッドをお勧めします。

ただし、CSSは### pxを想定しているため、上記のコードまたは次のコードを使用できます。

$('#menu .sub-right').css( 'padding-left', $('#menu .sub-left').css('width') );

どちらかが機能するはずです。