javascript - cssでjQuery変数を使用するには?

Question

var height に格納されている値を margin-top の値として使用するにはどうすればよいですか?

<script>
    $(document).ready(function(){
      var height = $(window).height() / 2;

      $("a").click(function(){

        $("#loader").css({"margin-top:", ***height});

      });

    });
</script>

前もって感謝します...

Answer 1

このような：

<script>
    $(document).ready(function(){
      var height = $(window).height() / 2;

      $("a").click(function(){

        $("#loader").css('margin-top', height+'px');

      });

    });
</script>

デモ: http://jsfiddle.net/MtEjP/

Answer 2

これを試して：

$("#loader").css('margin-top', height+'px');

Answer 3

あなたは2つの方法でそれを書くことができます:

$("#loader").css({"margin-top": height});

また

$("#loader").css("margin-top", height);

複数の属性を使用する最初の方法を選択する必要があります。コンマ(,)で区切ります。

Ex: $("#loader").css({"margin-top": height, "margin-bottom": height, "margin-left": "10px"});

Answer 4

これを試してmarginTopを設定してください

  $('#loader').css('marginTop', height);

ここでデモを確認してください..... http://jsfiddle.net/SUBqf/