jquery - jquery css无法设置高度

Question

我的网页上有一个小问题。此问题仅在 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 没有设置高度？

请帮助找到错误

多谢

Answer 1

您页面上的某些内容与 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>