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>