Undefined Type Error "defaultView" with basic jQuery_问答_开发者

Undefined Type Error "defaultView" with basic jQuery

开发者 https://www.devze.com 2023-02-19 22:54 出处：网络

I\'m trying to build a basic resizing script using just raw jQuery v1开发者_开发技巧.5.1 (Script below). For some reason it throws the following error and won\'t continue with running the script.

I'm trying to build a basic resizing script using just raw jQuery v1开发者_开发技巧.5.1 (Script below). For some reason it throws the following error and won't continue with running the script.

This is being tested with Chrome, Mac OSX

Error Uncaught TypeError: Cannot read property 'defaultView' of undefined

Code:

$(document).ready( function() {
    /* Set initial #site width */   
    stretch_portal_content();
    $(window).resize( stretch_portal_content );
});


function stretch_portal_content() {
    alert($('#site').width());
    $('#left-container').width(
        $('#site').width()-150
    );

    if ($(window).height() > $('body').innerHeight()){
        $('#site').height(
            $(window).innerHeight()
        );
    }

}

Example HTML

<!DOCTYPE html5>
<html>
    <head>
        <title></title>
        <link media="screen" rel="stylesheet" href="style.css" />
    </head>
    <body>
        <div id="site">
        <div id="left-container">
            <div class="inner">
                <ul id="grid">
                    <li>Story 1</li>
                    <li>Story 2</li>
                    <li>Story 3</li>
                    <li>Story 4</li>
                    <li>Story 5</li>
                </ul>
            </div>
        </div>
        <div id="right-container">
            <ul id="category-list">
                <li><a href="#">Category 1</a></li>
                <li><a href="#">Category 2</a></li>
                <li><a href="#">Category 3</a></li>
                <li><a href="#">Category 4</a></li>
                <li><a href="#">Category 5</a></li>
                <li><a href="#">Category 6</a></li>
                <li><a href="#">Category 7</a></li>
            </ul>
        </div>
        <div class="clear"></div>
    </div>
    <script type="text/javascript" src="javascript/jquery.js"></script>
    <script type="text/javascript" src="javascript/core.js"></script>
</body>
</html>

Inner Height Documentation

The issue is the innerHeight function is not applicable to the window object. Use height instead.