Ich habe nun das change-Event des originalen Select-Menüs aufgerufen, sobald beim Select2 ein Ergebnis angeklickt wurde. Um ein erfolgreiches triggern zu prüfen hab ich selbst ein change-Listener an das Select-Menü angehängt.
Code:
(function($) {
$(document).ready(function(){
// init of the select2-plugin
$('select').select2();
// add event handler when a result of the select2-menu is clicked
$('select').on('select2:select', function (event){
// trigger change event on the original select-menu
$(event.currentTarget).change();
});
// change event handler of the original-select menu
$('select').change(function(event) {
console.log(event.currentTarget);
});
});
})(jQuery);
Beim auswählen einer Select-Option wird jedoch nur mein Output angezeigt, der Content der Produkte wird aber nicht neu geladen, obwohl dies am selben Event hängt. Dieser Teil von Isotope fügt den change-Listener hinzu, wird aber nicht ausgeführt, wenn es manuell getriggert wird:
Code:
el = document.getElementById(('ctrl_'+config.attributes[i]+'_'+config.formId));
if (el) {
el.addEventListener('change', function() {
xhr.send(formParent.toQueryString());
}, false);
}
Ideen woran das liegen könnte?
Lesezeichen