Switchery, Select2 ve wpColorPicker jQuery eklentileri dinamik olarak yeni elemanlarda çalıştırın

Question

Küçük bir wordpress eklentisi üzerinde çalışıyorum yineleyici, Switchery, Select2, uploadMedia ve wpColorPicker gibi bazı jQuery denetimleri vardır.

kez Yükle Media gibi js dosyasındaki her denetim için olay işleyicileri çalıştırmak için bir yolu var mı,

$('body').on('click', 'a.btn_media_upload', function (e) { }); 

Tüm jQuery kontroller bir ihtiyaç bu hat ile tüm yeni kontroller için bir kez bağlamak çok kolay inline kez her biri için komut dosyası ve ben iyi olmadığını düşünüyorum, o zaman yeni bir yol MutationObserver kullanmayı deneyin ama maalesef bunu kullanmak başarısız, ben DOMNodeInserted sınamak ama işe yaramadı ve ben deprecated var okumak :)

Teşekkür yardımın için!

Answer 1

En Mutation Observer ve underscore.js kütüphane ile Çözüm AMA hala Switchery plugin

jQuery(document).ready(function($){ 

MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; 

var observerjQueryPlugins = function (repeaterWrapper) { 

    _.each(repeaterWrapper, function (repeaterItem, index) { 

     var jq_nodes = $(repeaterItem.addedNodes); 

     jq_nodes.each(function() { 

      // Color Picker 
      $(this).find('.element-wrapper.element-wpcolor .color-picker').wpColorPicker(); 

      // Date Picker 
      datePickerControl = $(this).find('.element-wrapper.element-datepicker .datepicker'); 
      datePickerDateFormat = datePickerControl.data('date-format'); // 'mm dd, yy' 

      datePickerControl.datepicker({ 
       dateFormat: datePickerDateFormat, 
       showAnim: "slideDown", 
       changeMonth: true, 
       numberOfMonths: 1 
      }); 

      // Select 2 
      $(this).find('.xx-select2').select2({ 
       theme: "classic" 
      }); 

     }); 
    }); 

} 

new MutationObserver(observerjQueryPlugins).observe(document.body, { 
    childList: true, 
    subtree: true, 
    attributes: false, 
    characterData: false 
}); 

}); 

için yardıma ihtiyacım