0

現在、特定の要素がクリックされたときにのみロードして表示する必要があるスクリプトがあるサイトに取り組んでいます。ロードしているスクリプトは外部のものであり、ロードが非常に遅く、dom が本来の速度でロードされるのを妨げています。このスクリプトを追加するか、クリック時にその内容を特定の要素にロードしようとしています。私は高低を見て、これを行うためにさまざまな方法を試しましたが、成功しませんでした. 私はこれが可能であることを知っており、以前にこれを行ったことがありますが、方法を思い出せません。

URL のコンテンツを 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");
4

1 に答える 1

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

http://api.jquery.com/jQuery.getScript/$.getScript()にあるjQueryの説明。

于 2012-11-13T02:22:53.403 に答える