Сайт зависает при добавлении qrcodes в цикл for

Question

Я использую плагин генератора QRcode, который каким-то образом останавливает браузер при создании QR-кодов в цикле for.Это странно, потому что я следовал документации / учебнику по git-репо (ссылка ниже).

HTML:

<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div id="qrcode" style="display: none;"></div>

После успеха AJAX:

total_result соответствует json:

{"error": false, "error_msg": "", "result": ["item1", "item2", "item3"]}

var overall_result = JSON.parse(response);
var result = overall_result.result;

for(var f = 0; f < result.length; f++){
    jQuery('#qrcode').qrcode("this plugin is great");
}

Если я перебираю уже созданный массив, он работает:

var array = ["test", "test1", "test2", "test3", "test", "test1", "test2", "test3", "test", "test1", "test2", "test3", "test", "test1", "test2", "test3", "test", "test1", "test2", "test3", "test", "test1", "test2", "test3"]

for(var f = 0; f < array.length; f++){
        jQuery('#qrcode').qrcode("this plugin is great");
    }

Я пришел к какому-то выводу.Каждый раз, когда я создаю QR-код внутри функции, кажется, что он не работает, даже с помощью onclick.Это работает, если скрипт находится в обычном HTML-теге script.

Примечание. Запрос AJAX выполняется после нажатия кнопки мыши.

Используемый плагин: jquery.qrcode.min.js