2016-04-08 14 views
0

AJAXを介して追加された要素に対して、プログラムでクリックを発射したいと考えています。 これはどのように可能ですか?これは、AJAXを介して注入されるために要素が追加されないため、特別なケースです。ajaxで追加された要素にjavascriptをクリックする

これを行う適切な方法はありますか?

+0

あなたはjQueryを使っていますか? – Hitmands

+1

@Burki - 質問されているものとは逆になる – Quentin

+1

さて、あなたは次のことを研究します:1. DOMで要素を見つける。2.プログラムでクリックを発射する。この地面は**非常に**よく覆われています、あなたは何を見つけましたか、どのように使ってみましたか? –

答えて

0

はい、それは可能であり、あなたがステップにしてそれを達成することができます

  1. はAJAXによって追加された要素にevent-delegationでイベントをアタッチ:

    $('#wrapper').on('click', '.element', function() { // Add your functionality here });

  2. トリガクリックプログラムによって:

    $('.element').trigger('click');

最初の手順でevent-delegationで添付しているため、クリックは機能します。がんばろう!

$('#parent').on('click','#element',function(){ 
alert('clicked'); 
}); 

ではJavaScript:

0

この

jqueryのやる

document.getElementById("parent").addEventListener("click", function(e) { 
    if(e.target && e.target.id== "element") { 
     alert('clicked'); 
    } 
}); 

#elementがあなたの要素のidであるイベント委任詳細については、こちらをご覧ください、あなたは#parentを変更することができます最も近いタグは広告ではないアヤックスによって捧げられる

+0

これはイベントをリッスンします。それは起動しません:-) –

+0

次に 'document.getElementById(" element ")をクリックします。click()' – madalinivascu

+0

要素がajax経由で追加されなかった場合には動作します。 –

関連する問題