如何包含Jquery matchMedia

Question

我试图让这个脚本只在找到宽度大于1024px的情况下才开火，但我没有运气好运。

$(document).ready(function() {

    if (window.matchMedia('(min-width: 1024px)').matches) {

        setTimeout(function() {
            $('#dar').css('visibility', 'visible').hide().fadeIn(800);
        }, 400);
        setTimeout(function() {
            $('#email-header').css('visibility', 'visible').hide().fadeIn(800);
        }, 800);

        setTimeout(function() {
            $('#smiley').css('visibility', 'visible').hide().fadeIn(800);
        }, 1200);

        setTimeout(function() {
            $('#header-child').css('visibility', 'visible').hide().fadeIn(800);
        }, 1600);

        setTimeout(function() {
            $('.links').css('visibility', 'visible').hide().fadeIn(800);
        }, 2000);

    }

});