Question

我目前有一个我正在处理的网站，其中有一个脚本只需要加载并在单击某个元素时显示。我们加载的脚本是外部的，加载速度非常慢，并且阻止dom加载速度尽可能快。我希望附加此脚本或在单击时将其内容加载到某个元素。我看起来高低，并尝试了许多不同的方法来做到这一点，但没有成功。我知道这是可能的，之前已经做过但不记得如何。

请注意，我已尝试将网址内容加载到iframe中，然后克隆并添加到元素中。

下面的代码说明了我要做的事情

$("#button").click(function(e){
      e.preventDefault();
      var $slowLoadingScript = $('<script src="http://external-slow-script.com/script.js"></script>');      

    $slowLoadingScript.load(function(){
      $("#Element").append(slowLoadingScript);         
    });


  });

请注意脚本的内容如下所示：

document.write("a long list of html and js");

Answer 1

$('#button').click(function(e){
    e.preventDefault();
    $.getScript('http://external-slow-script.com/script.js');
});

http://api.jquery.com/jQuery.getScript/处jQuery $.getScript()的解释。

在点击jQuery / JavaScript上附加和加载脚本

1 个答案: