0

を使用して等高関数を呼び出そうとして$(document).readyいますが、型エラーが発生していたため、このように呼び出さなければなりませんでした。

jQuery(function($) {
$(".cols").equalHeights();
});

それ以外の

$(document).ready(function() {
    $(".cols").equalHeights();
});

これはうまく機能しますが、ページのサイズが変更されたときにもプラグインを実行したいと思います (コンテンツのオーバーフローに合わせて調整します)。以下はサイズ変更の呼び出しです。ドキュメントの準備完了の呼び出しとどのように組み合わせることができますか?

$(".cols").resize(function(){
    $(".cols").equalHeights();
});
4

2 に答える 2

6

どうですか：

(function($) {
    $(document).ready(function() {
        var cols = $(".cols");

        cols.resize(function(){
            cols.equalHeights();
        });

        cols.trigger('resize');
    });
})(jQuery);
于 2013-06-19T14:29:20.973 に答える
1

このコードは、次の場所にある jquery equalHeights プラグインを呼び出します: http://www.cssnewbie.com/equalheights-jquery-plugin/#.UcOQiPm1HOU

ウィンドウのサイズが変更されたときに機能するようになりました。

(function ($) {
    $(document).ready(function () {
       var cols = $(".cols");
       cols.resize(function () {
           cols.equalHeights();
        });
        cols.trigger('resize');
    });
      $(window).resize(function(){
            $(".cols").css("height","auto").equalHeights(); // maybe reset the height?
      }).resize() // trigger a resize to start off everything.
})(jQuery);
于 2013-06-20T23:31:59.527 に答える