2016-03-20 34 views
0

私はdivの上記の内、私はいくつかの処理の後、Jクエリーコードによっていくつかのより多くのdivを作成していますJクエリのクリック機能が機能していませんか?

<div class="dropzone-previews" id="dropzonePreview"></div> 

を下回っているいくつかのHTMLコードを持っています。 divの下には、私はそうすることによってのような、今のコードを見ては、要素Iは、クリックイベントMake Cover私のコードのためのいくつかのj個のクエリコードが

$(document).ready(function() { 
    $('a.dz-cover').click(function() { 

     alert('dddd'); 
    }); 
}); 
を下回っている書き込み

<div class="dropzone-previews" id="dropzonePreview"> 
    <div class="dz-preview dz-processing dz-image-preview dz-complete"> 
    <a class="dz-cover" href="javascript:undefined;" data-id="73" data-dz-cover="">Make Cover</a> 
    </div> 
</div> 

を検査jqueryの

<div class="dz-preview dz-processing dz-image-preview dz-complete"> 
<a class="dz-cover" href="javascript:undefined;" data-id="73" data-dz-cover="">Make Cover</a> 
</div> 

によって動的に作成されています

しかし、私は何も起こっていない私のjのクエリコードが私が間違っているところで何をしているの動作していない

+0

ます(コンソールでchorme devのツールで)あなたが任意のJSエラーがないことを確認しましたか? – ItayB

+1

そのコードだけでは間違いなく動作します。 jQueryは正しくロードされていますか? '$(document).ready()'は起動していますか?コードが実行される前にマークアップが変更されていますか? – VoteyDisciple

+0

はい私の '$(document).ready()'は発砲しています。問題は私のhtmlコードがjクエリによって作成されたものだと思います。私はDOMをクリックすると何もない要素がありますが、クリックしていますが、ページが正常に更新されます。 –

答えて

3

クリックしようとしている要素がドキュメントの準備ができていないため、.on()を使用して選択する必要があります。

http://api.jquery.com/on/

あなたの場合

$("#dropzonePreview").on("click", "a.dz-cover", function() { 
    console.log($(this).text()); 
}); 
+0

ありがとうございました –

+0

聞くことが嬉しいです! – Goose

関連する問題