Jquery Qrcode功能在超时时不起作用答案

【问题标题】：Jquery Qrcode Function not working when put inside timeoutJquery Qrcode功能在超时时不起作用
【发布时间】：2023-03-24 12:55:01
【问题描述】：

请帮帮我，我在实现 Jquery QRCODE 时感到困惑，我想创建一个带有 boostrap 4 的模态，显示 qrcode 图像当我实现这样的代码时，二维码是图像显示

<script>
$('#qrcode').qrcode('123');
</script>

但是当我将 qrcode 函数放入 timeout 时，我得到了这样的错误

未捕获的类型错误：$(...).qrcode 不是函数

（我想从 api 获取 qrcode 值的值）所以我尝试用 timeout 模拟它，这里是不显示图像的超时函数..

<script>
setTimeout(function () {
    $('#qrcode').qrcode('123');        
}, 5000);

</script>

之前...

【问题讨论】：

【解决方案1】：

它可能包括图书馆问题的顺序。 qrcode 方法在调用 settimeout 函数时可能未绑定。

在 JQuery 中使用 delay 和 queue 方法。

$('#qrcode').delay(5000).queue(function() {
  $(this).qrcode('123');
})

【讨论】：