2013-04-05 10 views
-4

Как использовать значение, сохраненное в переменной var, как значение для margin-top?Как использовать переменную jQuery в css?

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

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

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

     }); 

    }); 
</script> 

Заранее спасибо ...

+6

Извлечение '***'? –

+0

просто удалите *** ... в противном случае ваш код верный –

+0

У вас может возникнуть проблема с 'position': вы не можете установить margin-top на любой блок. –

ответ

5

Как это:

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

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

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

     }); 

    }); 
</script> 

Демо: http://jsfiddle.net/MtEjP/

+0

*** просто чтобы показать, где используется высота. Но это не сработает. моему редактору не нравится этот синтаксис :( – thar

+0

удалить *** и установить в качестве комментария, в противном случае ...... –

+0

Я добавил демо в свой ответ. –

2

Попробуйте это:

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

снимите : и р у снаружи перед варом height и ***:

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

Это один может быть использована для установки несколько атрибутов CSS и свойства:

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

вы можете написать, что с 2-мя способами:

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

или

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

Вы должны выбрать первый путь с несколькими использования атр. И разделите их запятой (,).

Ex: $("#loader").css({"margin-top": height, "margin-bottom": height, "margin-left": "10px"}); 
Смежные вопросы