jquery显示qr代码

Question

qr代码附加时间我点击模态。 当我弹出模态时，我满足于用qr代码显示

我使用了jquery.qrcode-0.11.0.js

这是模态显示时的代码

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

第一次点击，qr生成正确，但是当我点击第二次或第三次时，qr代码会越来越像这样

如何替换值text **不添加更多

Answer 1

我擦除HTML然后显示新的QR码。对于该示例，我使用单击事件来更新文本值。我使用data来支持多个QR码。

＆＃13;

＆＃13;

$('.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"));
  });

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;