如何优化Bug使之更加人性化

<script src='https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js'></script>
<script>
function sponsorship() {
  var wechatID = 'wechatID123'; // 替换为实际的微信号
  var qrcodeURL = 'qrcodeURL123'; // 替换为实际的二维码图片链接
  var message = '请复制微信号：' + wechatID + '，添加好友并转账开通会员。或扫描下方二维码进行支付。'; // 替换为实际的提示信息
  var confirmDialog = $('<div>').addClass('confirm-dialog');
  var messageBox = $('<div>').addClass('message-box').text(message);
  var qrcodeBox = $('<div>').addClass('qrcode-box').append($('<img>').attr('src', qrcodeURL));
  var closeButton = $('<button>').addClass('close-button').text('关闭');
  
  confirmDialog.append(messageBox).append(qrcodeBox).append(closeButton);
  $('body').append(confirmDialog);
  
  closeButton.on('click', function() {
    confirmDialog.remove();
  });
}
</script>
<style>
.confirm-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 0 10px rgba(0,0,0,.5);
  padding: 20px;
  text-align: center;
  z-index: 9999;
}
.message-box {
  font-size: 16px;
  margin-bottom: 20px;
}
.qrcode-box {
  margin-bottom: 20px;
}
.qrcode-box img {
  max-width: 100%;
  height: auto;
}
.close-button {
  background-color: #ccc;
  border: none;
  padding: 5px 10px;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  border-radius: 5px;
}
</style>
<p><a onclick='sponsorship()'>开通</a></p>