元素100％的窗口大小

Question

我有一系列带有.box类的元素，我希望每个元素与窗口的高度相同。

我在静态html doc

上使用它

        !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)

然而，我正试图让这个在wordpress中工作，它不起作用，我不能为我的生活找出原因。

Answer 1

尝试将$更改为jQuery。根据我的经验，Wordpress不喜欢$符号。 IE

jQuery('#head');