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

请尝试以下代码：

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

Answer 2

您正在下载脚本之前执行代码。

尝试

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

单击按钮后初始化并运行第三方

2 个答案: