2017-05-03 44 views
0

二維碼附加非常時間我點擊模態。 當我彈出模式,我要顯示的內容與QR碼jquery顯示二維碼

我用jquery.qrcode-0.11.0.js

,這是我的代碼時態顯示

$('.div_qr_print').qrcode({"render": "image","size": 87,"text": 'mytext'});

在第一次點擊,QR生成正確的,但當我點擊第二次或第三次,QR碼將追加更多類似這樣的 enter image description here

如何替換值text **不能追加更多

+2

之前在DIV呈現QR代碼,你應該清楚它的內容首次然後渲染二維碼。 –

+0

哦,太好了!我真的很蠢。 – Songs

回答

0

我會擦除HTML然後顯示新的QR碼。例如,我使用了一個點擊事件來更新文本值。我使用data來支持多個QR碼。

$('.div_qr_print') 
 
    .data("qr",{ 
 
    "render": "image", 
 
    "size": 87, 
 
    "text":'mytext' 
 
    }) 
 
    .qrcode($('.div_qr_print').data("qr")) 
 
    .click(function() { 
 
    $(this).data("qr").text = "new text"; 
 
    $(this) 
 
     .html("") 
 
     .qrcode($(this).data("qr")); 
 
    });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script> 
 

 
<div class="div_qr_print"></div>