2017-08-31 6 views
0

を作成している私は、この要素が別のスクリプトからである後に動的に生成されたp要素内のテキストを変更する必要があります。イベントにjQueryのトリガー他のスクリプトが他のスクリプトから/要素にロードされる

アドビエッジスクリプトは#Stage内部の2つのp要素を作成します。これらのp要素内のテキストを作成した後に、それらを変更する必要があります。

私が実際に使用してテキストを変更することができます。(「クリック」)イベントが、私はすぐにp要素がgenereatedされているとして、このイベントを発生する必要があります。このことができます

<!DOCTYPE html> 
<html> 
<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"/> 

    <script src="https://code.jquery.com/jquery-3.2.1.js" integrity="sha256-DZAnKJ/6XZ9si04Hgrsxu/8s717jcIzLy3oi35EouyE=" crossorigin="anonymous"></script> 
    <script type="text/javascript" charset="utf-8" src="edge_includes/edge.6.0.0.min.js"></script> 

</head> 
    <body> 
     <div id="Stage"> 

     </div> 

     <script type="text/javascript"> 
      $("#Stage").on("click", "p", function() { 
       $("#Stage p").text("New Content"); 
      }); 
     </script> 


    </body> 


</html> 
+0

は、あなたが変更にあなたのDOMとRECATを観察することができました。このためにMutationObserverを使用できます https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver –

+0

このjQueryライブラリを参照することができます - http://plugins.jquery.com/livequery/ –

答えて

0

希望:

$(function(){ 
 
\t $("<p></p>").appendTo($("#Stage")); 
 
\t $("<p></p>").appendTo($("#Stage")); 
 
\t $("<p></p>").appendTo($("#Stage")); 
 
}); 
 

 
$("#Stage p").livequery(function() { 
 
\t $("#Stage p").text("New Content"); 
 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/livequery/1.1.1/jquery.livequery.min.js"></script> 
 

 
<div id="Stage"></div>

+0

pタグはすでにedge.6.0.0.min.jsスクリプトによってページに追加されます。私はあなたのスクリプトとあなたのコードを使用しようとしましたが、livequeryイベントは起動していません。 – Peesen87

+0

あなたは上の私の応答で抜けたコードを実行することができます。ボタンをクリックすると、新しいpタグが「ステージ」ダイビングに追加されます。ライブクエリは自動的にテキストを更新します。 –

+0

私は変更する必要がpタグは、ページのロードの縁スクリプトでgeneretedされます。ページの読み込みが終わるとすぐにこのpタグを変更する必要があります。しかし、私はそれが動的に生成されるために傾ける。 – Peesen87

関連する問題