如何发送要在CSS属性中使用的Jquery var

时间:2012-04-21 20:17:15

标签: javascript jquery css

需要知道如何在CSS属性中使用Jquery var,我已经在网上搜索但是没有找到任何能够引用我想要的答案,而且我也不是最好的编码器这个。没用过Jquery很多!

Code JQUERY:

 <script>
//find window height
          var winHeight = $(window).height(); 
          alert(winHeight);//=692
$('menuHolder').css(height(), winHeight);

 </script>

2 个答案:

答案 0 :(得分:2)

您想设置元素的高度吗?

$('menuHolder').css("height", winHeight);

会更好吗

$('menuHolder').height(winHeight);

答案 1 :(得分:2)

您的代码存在许多问题:

  1. menuHolder不是有效的html标记。

  2. height()是一个函数调用,我无法想象它应该返回字符串"height"

  3. 文档完全加载后,好像你没有运行它?
  4. 假设你的html看起来像这样:

    <div id="menuHolder">This is the menu holder</div>
    

    请注意,有问题的标记必须将id属性设置为“menuHolder”。如果您有多个menuHolder,则应使用class属性。

    然后你的js应该是:

    $(function(){
       $('#menuHolder').css("height", $(window).height());
    });
    

    http://jsfiddle.net/93hFW/

    $(function(){
       $('#menuHolder').height($(window).height());
    });
    

    http://jsfiddle.net/93hFW/1/

    如果您正在使用class属性,而不是如上所述,那么您应该使用.(点)代替#来为jQuery选择器添加前缀。