当在循环中添加qrcode时,网站冻结

时间:2018-11-14 21:45:48

标签: javascript html ajax

我正在使用QRcode-generator插件,该插件在for循环中创建QRcode时会冻结浏览器。这很奇怪,因为我遵循了git repo上的文档/教程(进一步的链接)。

HTML:

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

AJAX成功后:

overall_result 以下是json:

  

{“错误”:false,“ error_msg”:“”,“结果”:[“ 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");
    }

我得出了一个结论。每当我在函数中创建QRcode时,即使使用onclick,它似乎也不起作用。如果脚本仅在纯html脚本标签中,则该脚本有效。

注意:AJAX请求在单击后执行。

我使用的插件: jquery.qrcode.min.js

0 个答案:

没有答案