jquery - 元素 100% 的窗口大小

Question

我有一系列带有 .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)

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

Answer 1

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

jQuery('#head');