2016-03-20 17 views
0

Ben bazı işlemlerden sonra j sorgu koduna göre biraz daha bölüm oluşturacağız duyuyorum div yukarıdaki içindeJ sorgu tıklama işlevi çalışmıyor?

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

altındadır bazı Html kodu var. div Aşağıda i Yani böyle artık kod bakmak tarafından elemanını ben click olayı için bazı j sorgu kod yazmak

<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> 

incelemek 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> 

tarafından dinamik olarak oluşturulan am Make Cover kodum

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

     alert('dddd'); 
    }); 
}); 
altındadır

Ama bir şey tıklamıyorsam, j sorgu kodum çalışmıyor, yanlış yaptığım yerde çalışıyorum

+0

Eğer (konsolda chorme dev araçları ile) herhangi bir js hata olmadığı halde emin mü? – ItayB

+1

Bu kodun kendisi kesinlikle çalışırdı. JQuery doğru yükleniyor mu? $ (Document) .ready() 'ateşleniyor mu? Bu kod çalıştırmadan önce işaretleme hiç değişmiş mi? – VoteyDisciple

+0

evet benim '$ (document) .ready()' ateş ediyor sanırım sorun benim html kodumdan dolayı j sorgusu tarafından oluşturuldu. DOM tıklattığımda bu öğeyi tıklattığım hiçbir şey yok ama sayfanın yenilenmesini sağlıyorum. –

cevap

3

Tıklamaya çalıştığınız öğe belgede hazır olmadığından, seçmek için .on() kullanmanız gerekir. Senin durumunda

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

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

teşekkürler! Kabul etmeyi unutma. –

+0

sevindim Yarayıp' – Goose