javascript - 要素の幅に応じて左のjQueryマージン

Question

固定幅の要素にjqueryを使ってcssスタイルを適用したい。

要素の幅を 2 で割った値を (マイナス) にしたいのです。

どうやってやるの？

これはcssです：

.top_middle{
    width: 33%;
    overflow: hidden;
    height: 49%;
    position: absolute;
}

私はこのようなもので試しましたが、うまくいきません:

    var width = $('.top_middle').width()

    $('.top_middle').css(function(){
        'margin-left' : - "width" / 2
    })

score 1 · Accepted Answer

あなたのコードでは、文字列「width」を2で割ろうとしていますが、これはあなたが望むものではありません。次のように、可変幅を2で除算します。

$('.top_middle').css({
    marginLeft : - (width / 2) + 'px'
});

また、関数をcss（）に渡す場合は、cssプロパティとそれに設定する値に対応するオブジェクトまたは引数のペアを渡す必要があります。

score 1 · Accepted Answer

関数では、「」マークに幅があります。これは、変数を取得せずに文字列として実行されることを意味します

編集:あなたの関数はjquery構文には間違っているようです

    var width = $('.top_middle').width() / 2;
$('.top_middle').css('margin-left',-width);

ここで例を参照してくださいhttp://jsfiddle.net/domjgreen/ydEwx/2/

score 0 · Accepted Answer

これを試して

var halfwidth = $('.top_middle').width()/2;
$('.top_middle').css({'margin-left' : "-" + halfwidth });

3 に答える 3