0

私のウェブページに小さな問題があります。この問題は、Firefox でのみ発生しています。問題は、フッターと上記のコンテンツの間に非常に大きなギャップがあることです。その高さは他のjsによって設定されていますが、これで高さを設定しようとしています:

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

これは私のページへのリンクです。私のjqueryが高さを設定していないのはなぜですか?

バグを見つけるのを手伝ってください

どうもありがとう

4

1 に答える 1

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>
于 2013-07-11T17:26:59.477 に答える