SWAL2（JS/JQ）のような素晴らしいmsgBox内でrecaptchaを使用するにはどうすればよいですか？

Question

EDITED：紛らわしい古いコードが投稿されました - 私の持つものを修正しました。

ボディの直後にdivを投稿すると、正常に動作します。

htmlのvarに入れてSWAL2（https://github.com/limonte/sweetalert2）ボックスに表示しても表示されません。 これは必ずSWAL2に関する質問ではありませんが、DOMのロード後にrecaptchaを使用する方法とよく似ています。後でrecaptchaを追加します（このSWAL2ボックスなど）。ここで

私のコードです：//を前に存在#recaptchaを確認してください//

<script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script> 

<div id="generate">generate</div> 

JSをonloadCallback削除

INDEX

... 
<script src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit" async defer></script> 
</head> 

JS

$(document).ready(function() { 
    var onloadCallback = function() { 
     grecaptcha.render('recaptcha', { 
      'sitekey': 'myKeyyyyyyyyyyyyyy123' 
    }); 
}); 



// SWAL2 'fancy msgBox' 
var html = var html = "<div id='recaptcha'></div>"; 
swal({ 
    title: 'Humanity Check', 
    html: html 
}); 

Answer 1

INDEXレンダリング

$(document).ready(function() { 
    $('#generate').on('click', function() { 

     var html = "<div id='recaptcha'></div>"; 
     swal({ 
      title: html, 
      html: true // set to true to render HTML 
        ^^^^ 
     }); 
     grecaptcha.render('recaptcha', { 
      'sitekey': '******' 
     }); 
    }); 
});