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

在 var和之前删除:and 放在外面：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);

您必须选择使用多属性的第一种方式。并用逗号(,) 分隔它们。

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