Инициализация и запуск третьей стороны после нажатия кнопки

Question

Мне нужно подключить плагин после нажатия кнопки, когда документ готов, следующий код ниже не работает.

$(document).ready(function()
{
    $("#ativar").click(function()
    {
        var script = document.createElement('script');
        script.src = '//api.handtalk.me/plugin/latest/handtalk.min.js';
        script.type = 'text/javascript';
        document.getElementsByTagName("head")[0].appendChild(script);
    });
});

<script src="//api.handtalk.me/plugin/latest/handtalk.min.js"></script>
<script>
    var ht = new HT({
        token: "a34asfdas43d4f5" //example of token
    });
</script>

Я пытался реализовать этот javascript выше, но он не запускает скрипт после нажатия кнопки.Как я могу подойти к этому?

Answer 1

Вы выполняете код перед загрузкой скрипта.

Попробуйте это

<script src="//api.handtalk.me/plugin/latest/handtalk.min.js"></script>
<script>

    var isScriptLoaded = setIterval(function(){
            if(window.HT){
            clearInterval(isScriptLoaded);
           var ht = new HT({
             token: "a34asfdas43d4f5" //example of token
          });
        }
    },1000);
</script>

Answer 2

Пожалуйста, попробуйте этот код:

$(document).ready(function(){
    $("#ativar").click(function() {
    var script = document.createElement('script');

    script.id = 'handtalk-id';
    script.src = '//api.handtalk.me/plugin/latest/handtalk.min.js';
    script.type = 'text/javascript';
    document.getElementsByTagName("head")[0].appendChild(script);
    $(document).find('#handtalk-id').on('load', function() {
        var ht = new HT({
            token: "a34asfdas43d4f5" //example of token
        });
    });
});
});