Modernizrのメディアクエリが一貫してトリガーされない

Question

スクリプトのトリガーは、画面のサイズが特定のサイズ（800px）を超えている場合にのみ発生します。

私はそれをModernizr mqスクリプトの中に入れましたが、それは一貫していません。時には小さな画面サイズでスクリプトを起動することもあります。それは私が完全にそれを台無しにしたと私に信じさせる！

誰でも正しい方向に向けることができますか？あなたがトリガー・イベントの無限ループを引き起こしresizeイベント、からresizeイベントをトリガしているため

$(function() { 
    $(window).resize(function(){ 
    if (Modernizr.mq('(min-width: 800px)')) { 

     // script to trigger 
     $('.dropdown').on('mouseenter mouseleave click tap', function() { 
     $(this).toggleClass("open"); 
     }); 

    } 
    }).resize(); 
}); 

Answer 1

が可能でした。

また、画面サイズを直接テストするだけではどうですか？

$(function() { 
    $(window).resize(function(){ 

    // Use this for browser width: if(window.innerWidth >= 800) 
    if (screen.width >= 800) { 

     // script to trigger 
     $('.dropdown').on('mouseenter mouseleave click tap', function() { 
     $(this).toggleClass("open"); 
     }); 

    } 
    }); 
});