Arasındaki bu özel farkı anlamaya çalışıyorumdoğrudanvetemsilciolay işleyicileri jQuery .on() method kullanarak. Özellikle bu paragraf, son cümle

selector sağlandığında, olay işleyicisi denirtemsilci. Bu olay işleyicisi doğrudan seçici eşleşen torunları (iç elemanları) bağlı unsur, ama ortaya çıktığında çağrılmaz. bir WordPress kullanmak durumunda Yukarı işleyicisi bağlı olduğu öğe (yani, dıştaki elemana en içteki) hedef olay kabarcıklar ve yol seçici eşleşen boyunca herhangi bir öğe işleyicisi çalışır.

Bu ne demek "herhangi bir öğe işleyicisi çalışır"? Konsepti ile deneme test page yaptım. Ama her ikisi de aşağıdaki aynı davranışı neden oluşturur:

$("div#target span.green").on("click", function() {
   alert($(this).attr("class")   " is clicked");
});

ya da,

$("div#target").on("click", "span.green", function() {
   alert($(this).attr("class")   " is clicked");
});

Belki birileri farklı bir örnek bu noktayı açıklığa kavuşturmak için başvuru yapabilir? Teşekkürler.

Durum 1 (direkt):

$("div#target span.green").on("click", function() {...});

== Hey! Her span istiyorum.dinleyin hedef yeşil içinde div#: üzerine tıklandığında zaman, X yapın

Durum 2 (temsilci):

$("div#target").on("click", "span.green", function() {...});

== Hey, div#hedef! Çocuğunuzun herhangi bir "span.unsurlar zaman yeşil" tıklandığında, X onlarla.

Başka bir deyişle,

Durumda 1, Bu yayılan, her biri ayrı ayrı talimatlar verildi. Yeni yayılan oluşturulan, öğretim duymamışlardır ve tıklamaları tepki vermeyecek. Her karışdoğrudan sorumlukendi olayları için.

Durumda 2, tek konteyner talimat verildi; fark tıklama sorumluduradınaalt öğeleri. Olayları yakalamak için çalışma olmuşturtemsilci. Bu da talimat gelecekte oluşturulan alt öğeler için yapılacak anlamına gelir.