Я не мог получить какую-либо возможную причину того, почему это происходит. У меня есть кнопка, которая открывает всплывающее окно начальной загрузки. Но прежде чем открыть модальное окно, мне нужно изменить некоторые из моих переменных, поэтому я запускаю событие нажатия на скрытую кнопку, которая открывает модальное окно начальной загрузки. HTML выглядит примерно так

<div id="visible-button">
   <span class="hidden" id="open-modal" data-toggle="modal" data-target="#popup-modal"></span>
</div>

И код JS что-то вроде

$('#visible-button').click(function(){
   //perform data manipulation
   $('#open-modal').trigger('click');
});

Но это производит

Uncaught RangeError: превышен максимальный размер стека вызовов

Если я отредактирую код

$('#visible-button').click(function(){
   //perform data manipulation
   setTimeout(function(){
     $('#open-modal').trigger('click');
   }, 500);
});

Модал продолжает открываться и исчезать навсегда. Что именно здесь происходит? Я также вызывал событие щелчка в прошлом, но никогда не сталкивался с таким сценарием. Спасибо за помощь заранее.