1

.box のクラスを持つ一連の要素があります。それぞれの要素をウィンドウと同じ高さにしたいと思います。

これを静的htmlドキュメントで使用してこれを機能させました

        !function($, undefined) {
            var $win = $(window), 
                $body = $('html,body'), 
                $box = $('.box'), 
                $head = $('#head');

            function refresh() {
                var h = $win.height() - $head.height();

                if(Modernizr.touch) return;

                $box.css('min-height', h);
                $box.each(function() {
                    var $this = $(this);

                    $this.find('section').css('height', $this.outerHeight())
                })
            }


            $win.resize(function(e) {
                refresh()
            }).resize();


        }(jQuery)

しかし、私はこれをワードプレスで機能させようとしていますが、機能していません.

4

1 に答える 1

2

$ を jQuery に変更してみてください。私の経験では、Wordpress は $ 記号が好きではありません。IE

jQuery('#head');
于 2012-10-22T14:50:00.667 に答える