Jquery скрипт действует странно на рабочем столе

Question

Я использую скрипт Jquery ниже, чтобы убедиться, что высота первого Div по моей странице равно видовом экрана пользователя .:

<script type="text/javascript"> 
    $(window).resize(function() { 
     $(".introduction").css("height", window.innerHeight+"px"); 
    }); 
</script> 
</body> 

где .introduction является класс моего первого div. Он хорошо работает на моем планшете, но действует странно, когда его видят на моем большом рабочем столе. Он работает только в том случае, если я щелкнул правой кнопкой мыши =>, просмотрев страницу и закрою ее.

любые идеи?

Вот страница я работаю в данный момент:

http://shotokanlaprairie.com/notre-dojo/

Большое спасибо!

Answer 1

Вы можете поместить скрипт внутри document.ready, а затем вызвать событие как таковое уволить его при запуске

$(window).resize(function() { 
    /* your logic */ 
}).trigger("resize");