jQuery'de ad alanı işlevi

Question

Bu iki kod parçası arasındaki fark nedir? Her ikisi de mükemmel çalışıyor, bu yüzden neden .dropdown.data-api işlevini kullanıyorsunuz? İnternetteki isim alanını okudum ama bu konuda net değilim. İsim alanı işlevlerinin ne olduğunu bana söyleyebilir mi? Bir etkinlik için ad

$('html').on('click.dropdown.data-api', 
    function() { 
    $el.parent().removeClass('open') 
    }) 
} 

$('html').on('click', 
    function() { 
    $el.parent().removeClass('open') 
    }) 
} 

Answer 1

Belirli bir olay, diyelim ki, unbind veya onu tetiklemek isteyen gerekir hedeflemesine izin vermektedir. Aynı öğe/öğelere bağlı aynı türden iki etkinliğiniz olduğunu düşünün.

$('.something').on('click', function() { /* do something */ }); 
$('.something').on('click', function() { /* do something else */ }); 

biz ad alanı ya olay olmadığı için

, artık unbind veya bir tetiklemek için zor ama diğeri değil. Şimdi düşünün: Her olay kendi ad alanına sahip bu sefer, şimdi tetikleyebilir veya ikisinden birini kurtarabilir miyim

$('.something').on('click.one', function() { /* do something */ }); 
$('.something').on('click.two', function() { /* do something else */ }); 

Çünkü bakir diğer bırakarak.

$('.something').off('click.one'); //unbind the 'one' click event 
$('.something').trigger('click.two'); //simulate the 'two' click event 

[DÜZENLEME - @jfrej hemen altında işaret ettiği gibi, ad alanları hatta bazen etkinlik türü adını referans gerekmez anlamına gelir. Bu nedenle, her ikisi de tek bir ad alanında bir fare gezintisi ve tıklama olayı varsa, her ikisini de off('.namespace') ile çözebilirsiniz.