单击[小屏幕尺寸]使用jquery下拉不下降

Question

我最近使用jquery实现了一个新菜单。它在Firefox / Chrome等上工作正常，但对点击小于900的屏幕尺寸没有反应[例如kindle silk //将firefox调整为移动视图]。

我的菜单

<div class="menu-container">
    <div class="menu">
        <ul>
            <li><a href="#">T-shirts</a>
                <ul>
                    <li><h4>Gender</h4>
                        <ul>
                            <li><a href="#">Ladies</a></li>
                            <li><a href="#">Men's</a></li>
                        </ul>
                    </li>
                    <li><h4>Colour</h4>
                        <ul>
                            <li><a href="#">Red</a></li>
                            <li><a href="#">Blue</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

Jquery的

/*global $ */

$(document).ready(function () {

    $('.menu > ul > li > ul:not(:has(ul))').addClass('normal-sub');

    $(".menu > ul > li").hover(function (e) {
        if ($(window).width() > 943) {
            $(this).children("ul").stop(true, false).fadeToggle(150);
            e.preventDefault();
        }

    });

    $(".menu > ul > li").click(function () {
        if ($(window).width() <= 943) {
            $(this).children("ul").show();
        }

    });

});