Событие javascript плагина Shopware не вызывается

Я хочу включить собственный файл JavaScript в свой плагин Shopware.

Я попробовал это с помощью «alert ()», и это сработало, так что я думаю, что реализовал это правильно.

'Theme_Compiler_Collect_Plugin_JavaScript' => 'onCollectJavaScriptFiles' 

        /**
         * @return ArrayCollection
         */
        public function onCollectJavaScriptFiles()
        {
            $jsFiles = array(
                $this->pluginDirectory . '/Resources/views/frontend/_public/src/js/predefined-basket.js'
            );
            return new ArrayCollection($jsFiles);
        } 

Но теперь я хотел сделать это так, как рекомендовал Shopware.

Мой шаблон:

{block name='frontend_checkout_ajax_cart_predefined_basket'}
            <div class = "field--select select-field predefined-basket-container" style = "margin-top: 10px;">
                <select class = "normal" id = "predefined-basket-select" >
                    <option selected = "selected">Vordefinierte Warenkörbe...</option>
                    {foreach $sPredefinedBaskets as $basket}
                        <option value = "{$basket.id}">{$basket.name}</option>
                    {/foreach}
                </select>
            </div>
        {/block}

Мой файл JavaScript:

    ;(function ($, window) {
    'use strict';

    $.plugin('predefinedBasket', {
        defaults: {

        },
        init: function (){
            var me = this;
          //Für data attributes im html
          me.applyDataAttributes();
          me.registerEvents();
        },
        registerEvents: function () {
          var me = this;
          me._on(me.$el, 'change', $.proxy(me.onSelectChange, me))
        },
        onSelectChange: function(event) {
            var me = this,
                path = crsfConfig.basePath,
                optionSelected = $("option:selected", this),
                valueSelected = this.value;
            alert("BLSBLS");
            console.info("me", me);
            console.info("path", path);
            console.info("Selected Option", optionSelected);
            console.info("Selected Value", valueSelected);

        },
        destroy: function () {
            var me = this;
            me.off(me.eventSuffix);
            me._destroy();
        }
    });
})(jQuery, window);

$('#predefined-basket-select').predefinedBasket();
$('#predefined-basket-select').css("color", "red !important");

Но событие для выбора HTML никогда не вызывается. Даже если я попытаюсь установить цвет css на красный, это не удастся. Вы когда-нибудь создавали пользовательское событие javascript в шаблоне плагина? Тогда, пожалуйста, приведите мне пример.