我正在使用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