jQuery zincirinin bir dalını gerçekleştirmenin bir yolu yalnızca bir koşul doğruysa

Question

jQuery ile yeterlilik konusunda 7 veya 8 civarında bir olasılık var (1-10 ölçekli), bu yüzden emin değilim Bu bile mantıklı, ama jQuery işlevi veya jQuery bir dalı sadece belirli bir koşul doğruysa çalıştırılacak bir izin veren bir eklenti bilen varsa bilmek istiyorum. Aksi takdirde, ben birileri biri buna benzer normal JavaScript sözdizimi kullanılarak çeşitli olayların eki kontrol edebilecek iken kavramı bazı yolu (o kusurludur nasılEDIT'e ve )

kusurludur düşünürse duymak isteriz: orada jQuery hepsini yapmanın bir yolu olup olmadığını veya

var desiredElement = $('.parent')      // find the parent element 
        .hover(overFunction,offFunction) // attach an event while I've got the parent in 'scope' 
        .find('.child-element');   // then find and return the child 
if (booleanVar1) {          // if one condition 
    desiredElement.click(clickFunction1);    // attach one event 
} else if (booleanVar2) {        // or if a different condition 
    desiredElement.click(clickFunction2);    // attach a different event 
} else {             // otherwise 
    desiredElement.click(clickFunction3);    // attach a default event 
} 
$('.parent').find('.other-child')      // (or $('.parent .other-child') 
    .css(SomePredefinedCssMapping) 
    .hide() 
//... 

merak ediyorum iyi bir neden varsa değil ... belki böyle bir şey:

$('.parent')        // find the parent element 
    .hover({overFunction,offFunction})  // attach an event while I've got the parent in 'scope' 
    .find('.child-element')     // then find the child 
     .when(booleanVar1)     // if one condition 
      .click(clickFunction1)   // attach one event 
     .orWhen(booleanVar2)    // or if a different condition 
      .click(clickFunction2)   // attach a different event 
     .orElse()       // otherwise 
      .click(clickFunction3)   // attach a default event 
     .end() 
    .end() 
    .find('.other-child') 
     .css(SomePredefinedCssMapping) 
//... 

Not: (Bu, sözdizimsel olarak doğru Boolean varsayarak ve işlevleri uygun tanımlanır düşünüyorum, ama ben çok net bir şekilde

önerdi jQuery bana biraz daha derli toplu görünüyor genelinde niyet kazanılmış epey eminim ??) Kabul etmek reddetmek? - işte benim sorularım:

• Temel olarak zaten bunu yapan yerel jQuery'nin bir parçası var mı?
• Bu tür bir şeye izin veren bir uzantı var mı?
• Düşünmek benden daha mı zor? (Eğer koşul doğruysa boş bir öğenin ayarlanması, eğer or koşulu için öğenin geri ayarlanmasına neden olacaksa, geçerli öğenin ayarlanması gibi bir şey düşünürdüm, tıpkı end() yönteminin geri dönmesi gibi find() arandığında önceki set)
• Bunu önemli ölçüde daha az verimli yapan bir şey var mı?

DÜZENLEME

soru yöntemi zincirleme ile bunu yoksa unadvisable olacağını niçin (özelliklerini tercih) nasıl sorar. Alternatifler istemezken, jQuery zincirleme yaklaşımıyla ilgili sorunları açıklamak için bu tür alternatifler gerekebilir. Ayrıca, yukarıdaki örnek hemen booleanları değerlendirdiğinden, başka bir çözüm de aynı şeyi yapmalıdır.

Answer 1

$('.parent').hover(overFunction,offFunction) 
    .find('.child-element') 
    .click(booleanVar ? clickFunction1 : 
      booleanVar2 ? clickFunction2 : 
      clickFunction3) 
    .end() 
    .find('.other-child') 
    .css(SomePredefinedCssMapping) 

Answer 2

Bu koşullu mantığı işleyiciniz içinde gerçekleştiremediniz mi?

var boolVar1 = true, 
    boolVar2 = false; 

$(".foo").on("click", function(){ 
    if (boolVar1) clickFunction1(); 
    if (boolVar2) clickFunction2(); 
});