从div中删除jQuery对象
我可能有错误的措辞,但我所做的是使用以下jQuery库来实现使用HTML5和webRTC的QR阅读器。
HTML5 QR阅读器
我有一个模态,当模态关闭时,我希望能够停止使用网络摄像头,并停止尝试解释QR码。
所以我尝试了这段代码中概述的一些内容:
$("#qrReader_modal").on('hidden', function(){ // Pausing the actual video element $("#html5_qrcode_video").pause(); // Removing all elements in the div the qr reader was attached to $("#reader").empty(); });
但是,都不起作用。
在第一种情况下,它继续使用我的相机,库继续尝试读取QR码。
在第二种情况下,div被正确清空,但是库然后开始抛出读取错误,并且网络摄像头仍在尝试捕获video。
我会使用unbind函数,但我没有使用bind来附加html5_qrcode_reader。 看这里:
$("#reader").html5_qrcode(function(data){...});
所以我的问题是从$(“#reader”)div中删除html5_qrcode的正确方法是什么
你必须调用html5_qrcode_stop()
函数,它关闭计时器。 请参阅实现https://github.com/dwa012/html5-qrcode/blob/master/src/html5-qrcode.js#L70