2017-04-22 8 views
0

MainHtmlロードした後、JS /イベント/ jqueryのを使用することができません:電子がHTMLをロードするときの負荷に電子 - Htmlの

<head> 
    </head> 
    <header > 
    </header> 
    <body> 
     <div id="x1y1"></div> // Load contents dynamically here 
     <script src="All scripts one by one"></script> 
    </body> 

電子ウィンドウだから

onload = $(function(){ 
    $('#ElementLoadedOnload').click()...etc tc; 
    $('#ElementLoadedDynamicallyIn_x1y1_div').click()...etc tc; 
}); 

を[メインウィンドウは、既に上記のHTMLをロード] 、最初にロードされたhtmlと要素のみがjqueryで操作可能です。 x1y1タグでJQueryを使用してhtmlを動的にロードすると、$('#ElementLoadedDynamicallyIn_x1y1_div').click()が機能しないため、html自体の各要素にonclick="FunctionName()"を含める必要があります。私はここで間違っているのですか?...それとも別の方法で可能ですか?

答えて

0

あなたは、応答の中に、ダイナミックHTMLにはない要素がすでにロードされて、そのようなぜそれがある方法で

$("body").on("click", '#ElementLoadedDynamicallyIn_x1y1_div' , function() { 
    //Do what you want to do 
}); 
+0

を使用する必要がありますか?それは私の主な好奇心です –

+0

動的要素では、直接バインディングが機能しないため、onメソッドを追加してすべてのイベントをlistenする必要があります –

+0

DomメソッドまたはJQ自体を介して動的要素の直接バインドを行うより良い方法はありますか? –

関連する問題