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

删除:并将其放在var height和***之前：

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

这个可以用来设置多个css属性和属性：

$("selector").css({"cssattribute" : "cssproperty", 
                   "cssattribute" : "cssproperty"});

Answer 4

尝试这样设置marginTop

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

在这里查看演示..... http://jsfiddle.net/SUBqf/

Answer 5

你可以用两种方式写出来：

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

或

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

您必须选择具有多个attr用法的第一种方式。并用逗号（，）分隔它们。

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

如何在css中使用jQuery变量？

5 个答案: