Поддельные изменения размера окна, чтобы все загрузки JavaScript только для изменения размера

Question

Допустим, у меня был JavaScript, который запускается при изменении размера окна, но если вы используете window.load или document.ready, он не работает.(Моя ситуация).

Я не ищу только window.load или document.ready (jQuery) ... Я хочу буквально подделать изменение размера окна ..., чтобы сделать его только для изменения размеразагрузка скриптов.

Как мне подделать изменение размера окна без изменения размера окна?

Answer 1

Просто позвоните $(window).trigger('resize');, это вызовет изменение размера, и все, что вы зарегистрируете для изменения размера, будет вызвано.

$(window).resize(function() {
  alert("Work done when resize is being called");
});

$(window).resize(function() {
  alert("More work");
});

$("*").click(function(){
  alert("Triggering resize");
  $(window).trigger('resize');
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
Click anywhere to trigger the resize

Answer 2

Не подделывайте ничего, если это возможно.Это делает ваш код сложнее для чтения и понимания.Перестройте свой код следующим образом:

function onResize(e)
{
    // does window.resize stuff
}

$(document).load(function(e){
     // when the document is loaded, do resize stuff as well
     onResize(e);
});

// add event listener to window.resize
$(window).resize(onResize);