JQuery() ile bu sözdizimi ile() fonksiyonunu .sistem kullanıyorum

Question

Seçiciye değil .sistem kullanın:

$(".schemaTab").on("click", ".schema", function() {}) 

yerine .live() Ben dinamik .schema div'leri ekliyorum çünkü. Bu div'ler bu kodu vardır:

<div class="schema" id="SCH_16"> 
    <img src="Img/btnRemove.png" class="ikona SCH_Remove" alt="Smazat" title="Smazat"> 
</div> 

Ama kendi üst div tıklama olaydan img dışlamak gerekir, bu nedenle herhangi bir fikrin nasıl yapılacağını?

Denedim:

$(".schemaTab").not(".SCH_Remove").on("click", ".schema", function() {}) 

... ama işe yaramadı ve ben .on() kodu

Answer 1

.not() çalışmaz etkinliğin uygulanıp uygulanmayacağı.

Seçtiğiniz hesaba katılıyorum ve daha sonra da filtrelenir.

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

bu deneyebilirsiniz: gibi pek değil Selecter:

$(".schemaTab").on("click", ".schema", function (e) { 

    if (!$(e.target).is(".schemaTab")) { 
     // not stuff in here 
    } 

}); 

Answer 2

iç .not() nasıl ekleneceğini bilmiyorum bu etmektir yapmanın bütün mesele Henüz henüz .sch_Remove öğelerini içeren DOM'daki öğelerin olaylarını ele al. O img tıklandığında tetiklenmesini Üst tıklama eylemini engellemek için

$(".schemaTab").on("click", ".schema", function() {}) 

aşağıdaki (yukarıdaki fonksiyona ek olarak) ekleyin.

$(".schemaTab").on("click", ".SCH_Remove", function() { return false; }) 

Bu ebeveyne çoğaltım ve onclick yöntemi tetiklemesini 'click' olayı önlemek ve varsayılan tıklama davranışını engelleyecektir.

Answer 3

Sadece hedef aynı olduğundan emin olun:

$('.schemaTab').on('click', '.schema', function(e) { 
    if(!$(e.target).is('.schema')) { 
     return; 
    } 

    // Do stuff 
}); 

on yöntem jQuery nesnesi öğelerin seçili kümesine olay işleyicileri ekler ve test etmek için orijinal seçici kullandığı için

Answer 4

Sadece bu sorun koştu ve kullanılan

$('.schemaTab').on('click', '.schema:not(.booga)', function(event) { 

// Eğlence burada });

jQuery 1.11.0 kullanıyorum, bunun ne kadar geri gittiğini bilmiyorum.