jquery css无法设置高度

时间:2013-07-11 17:21:18

标签: jquery html css

我的网页上有一个小问题。这个问题只出现在firefox中。问题是:页脚和上面的内容之间存在很大的差距,高度是由其他一些js设置的,但我试图通过这个来设置高度:

    <style>
     .importantRule { height: 5320px !important; }
    </style>
    <script>
    $(function(){
      $('#nimble_portfolio_grid_1').addClass('importantRule');  
     });
    </script>

这是指向我的页面的链接:http://www.blanke-kreation.de/neu/referenzen/如您所见,页脚的底部距离非常大。为什么我的jquery没有设置高度?

请帮助找到错误

非常感谢

1 个答案:

答案 0 :(得分:2)

页面上的某些内容与jQuery相冲突。在这种情况下,使用$是问题。

试试这个......

(function($) {
    $(function(){
        $('#nimble_portfolio_grid_1').addClass('importantRule');  
    });
})(jQuery);

这将运行机箱内的任何代码,jQuery作为$参数传入并解决了您的问题。

或者,如果您不再添加任何代码,只需将$更改为jQuery,就像这样...

jQuery(function(){
    jQuery('#nimble_portfolio_grid_1').addClass('importantRule');  
});

最后,最好的办法是正确使用CSS并只按ID ...

指定元素
<style>
    #nimble_portfolio_grid_1 { height: 5320px !important; }
</style>