javascript関数が既に実行されているかどうか調べる

Question

divからスクリプトのページを読み込んだ後で、いくつかのコードをトリガーできるようにしたい。

私はスクリプトにアクセスできません。なぜなら、第三者からサイトに読み込まれているからです。

第三者機能の実行後にどのように機能を起動させるのですか？

私は何かなどを行うことができるようにしたい

function threeParty(){ 
    //I have no access to this code 
    $('body').append('<div id="testDiv"></div>'); 
} 

function myFunction(){ 
    $('#testDiv').html("TEST"); 
} 

...

threePart.done(function(){ 
    myFunction(); 
}); 

または

$('#testDiv').load(function(){ 
    myFunction(); 
}); 

感謝。

Answer 1

突然変異の観察者は甘いです。ここで使うことができます。基本的には、リスナーをボディに追加します。ノードが追加または削除されるたびにリスナーが報告します。それが起こったときに、ノードが追加されたかどうかを確認してください。 MDNからさらに詳しい情報：私たちは本体のみの子ノードへの変更ではなく、そのような属性への変更など、他の変更を気にオブザーバーを伝えるために、引数{childList:true}を渡さhttps://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

//make the observer 
var observer = new MutationObserver(
    //callback function, it gets triggered when anything mutates 
    function (mutations) { 
     mutations.forEach(function (mutation) { 
      //see if the nodes mutated (something was appended) 
      if (mutation.type === "childList") { 
       //then the com changed. see if it has our element 
       if ($('#testDiv').length > 0) { 
        //then the div was appended. do something! 
        myFunction(); 
        //optionally, disconnect the observer if we're done listening 
        observer.disconnect(); 
       } //else, do nothing 
      } 
    }); 
}); 

//above, we made the observer. now, tell it to start observing `body`: 
observer.observe(document.getElementsByTagName('body')[0], {childList: true}); 

注意。 IEは必須ではありません人のために

Answer 2

、あなたはあなたのJavaScriptで完了コードに反応するPromisesを使用することができます。

$(function() { 
 

 
    // Get info from 3rd party library (using moment.js as an example) 
 
    function momentGetFromNow() { 
 
    var m = moment(new Date(2016, 0, 1)); 
 
    var d = Date.now(); 
 

 
    return new Promise(function(resolve, reject) { 
 
     resolve(m.from(d)); 
 
    }); 
 
    } 
 

 
    // Function to update UI after 3rd party Promise resolution 
 
    function updateUI(value) { 
 
    $("#test").text(value); 
 
    } 
 

 
    // momentGetFromNow returns a Promise object that we can react to 
 
    var p = momentGetFromNow(); 
 

 
    // React to 3rd party function wrapper completion 
 
    p.then(function(result) { 
 
    updateUI(result); 
 
    }).catch(function(reason) { 
 
    console.log('moment.js call failed: ' + reason); 
 
    }); 
 

 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.17.1/moment.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="test"></div>