jQuery: Değerleri başkalarını etkilemeden diziye geçirme

Question

Bu davranış için varsayılan seçeneklerinizi iletmenize izin veren bir sekme eklentisi kullanıyorum. .js dosyası içinde

$('#responsiveTabsDemo').responsiveTabs({ 
startCollapsed: 'accordion', 
setHash: true 
}); 

:

var defaults = { 

     active: null, 
     event: 'click', 
     disabled: [], 
     collapsible: 'accordion', 
     startCollapsed: false, 
     rotate: false, 
     setHash: false, 
     animation: 'default', 
     animationQueue: false, 
     duration: 500, 
     scrollToAccordion: false, 
     scrollToAccordionOnLoad: true, 
     scrollToAccordionOffset: 0, 
     accordionTabElement: '<div></div>', 
     activate: function(){}, 
     deactivate: function(){}, 
     load: function(){}, 
     activateState: function(){}, 
     classes: { 
      tabStyle: 'j', 
      stateDefault: 'j-tabs-state-default', 
      stateActive: 'j-tabs-state-active', 
      stateDisabled: 'j-tabs-state-disabled', 
      stateExcluded: 'j-tabs-state-excluded', 
      container: 'j-tabs', 
      ul: 'j-tabs-nav', 
      tab: 'j-tabs-tab', 
      anchor: 'j-tabs-anchor ', 
      panel: 'j-tabs-panel', 
      accordionTitle: 'j-tabs-accordion-title ' 
     } 
    }; 

Yani, sayfadaki Bunlardan herhangi birini belirterek, ben varsayılan herhangi üzerine yazabilirsiniz. Ancak, classes için bazı varsayılan değerlerin üzerine yazmak istiyorum.

$('#responsiveTabsDemo').responsiveTabs({ 

    startCollapsed: 'accordion', 
    setHash: true, 
    classes: { 
     tabStyle: 'r' 
    } 

}); 

... ama bu classes için tüm diğer değerleri kaldırır: denedim.

Diğerlerini silmeden bu diziye yalnızca bir değer nasıl geçebilirim?

Answer 1

Orijinal eklentinin, 2 nesneyi birleştirmek için jQuery.extend() kullanıyor gibi görünüyor, ancak yinelenen kopya yapmıyor.

this.options = $.extend(true, {}, defaults, options); 

Çatal GitHub üzerinde proje ve yazara değişikliği ile bir çekme isteği göndermek: Yani temelde, bunun senle, eklenti this line of code değiştirerek gerekenleri elde edebilirsiniz. İhtiyacınız olan işlevselliği, artı açık kaynak topluluğuna biraz fayda sağlayın :)

Answer 2

Tek bir sınıf eklemenize izin verecek işlevselliğe sahip olup olmadığını (varsayılan değerlere ek olarak) görmek için bu özel eklentinin belgelerini kontrol etmenizi öneririz. Aksi halde, açıkça özel sınıf olarak hem de varsayılan içinde geçebileceği:

classes: { 
     tabStyle: 'r', 
     stateDefault: 'j-tabs-state-default', 
     stateActive: 'j-tabs-state-active', 
     stateDisabled: 'j-tabs-state-disabled', 
     stateExcluded: 'j-tabs-state-excluded', 
     container: 'j-tabs', 
     ul: 'j-tabs-nav', 
     tab: 'j-tabs-tab', 
     anchor: 'j-tabs-anchor ', 
     panel: 'j-tabs-panel', 
     accordionTitle: 'j-tabs-accordion-title ' 
} 

the source yüzeysel bir bu özelliğe sahip görünmüyor, ancak açık kaynak olduğu gibi kendi içinde eklenti görünüyor Böylece, bu kadar isteseniz muhtemelen bunu kolayca genişletebilirsiniz.