从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