Hallo zusammen,
ich habe eine Problem nach dem Upate von 5.4.6 auf 5.6.6 geht mein JQuery PlugIn in SW nicht mehr.
Es ist über die theme.php eingebunden und funktionierte auch bis zum Update ohne Probleme.
Das PlugIn ist eigentlich nur ein “Paket”-Rechner für den Kunden (QM zu Paket).
console.log funktioniert nur vor $.plugin
Wie kann ich testen ob der Init Aufruf überhaupt stattfindet? Übersehe ich ggf. ein ganz anderes Problem? Selbst add.class funktionierte nicht.
Besten Dank!
Hier der Code:
;(function ($) {
"use strict";
$.plugin('SizeCalculator', {
defaults: {
inputFieldSelector: '.calculator__inputfield',
outputFieldSelector: '.calculator__price',
outputFieldAdditionalSelector: '.calculator__price_text',
quantitySelector: '#sQuantity',
price: null,
size: null
},
init: function () {
var me = this;
me.applyDataAttributes();
me.inputField = me.$el.find(me.opts.inputFieldSelector);
me.outputField = me.$el.find(me.opts.outputFieldSelector);
me.outputFieldAdditional = me.$el.find(me.opts.outputFieldAdditionalSelector);
me.quantityField = me.$el.find(me.opts.quantitySelector);
me.registerEvents();
},
registerEvents: function()
{
var me = this;
me._on(me.inputField, 'propertychange change click keyup input paste focus', $.proxy(me.onChangeInput, me));
},
onChangeInput: function (event)
{
var me = this,
value = me.inputField.val();
var quantity = Math.ceil(value/me.opts.size);
var total = quantity * me.opts.price;
var totalSize = (Math.ceil(quantity * me.opts.size*100)/100);
me.outputField.html(total.toFixed(2)+'€');
me.outputFieldAdditional.html(totalSize+'m² / '+quantity+' Paket');
me.quantityField.val(quantity);
},
destroy: function () {
this._destroy();
}
});
window.StateManager.addPlugin('*[data-calculator=true]', 'SizeCalculator',{});
}(jQuery));