Uncaught ReferenceError: jQuery is not defined

I provided a layer over UIBundle to insert a left menù related to an entity. This menù is called in my entity view and is managed by using JQuery accordion, so at the bottom of the menu I have:

<script type="text/javascript"> require(['jquery','educacloudui/js/jquery_akordeon'], function () { $('#button-less').akordeon({ buttons: true, toggle: true }); }); </script>

1 2 3 4 5 6 7

<script type="text/javascript">        require(['jquery','educacloudui/js/jquery_akordeon'], function () {             $('#button-less').akordeon({ buttons: true, toggle: true });        }); </script>

In dev mode (I don’t know in prod mode what happen), when I enter directly one of the menu item by specifying the item url I receive the js error in the title.
If I go to the menu and then to one of the menu item by clicking one of links, it works. Do you have any suggestion?

Topic

[Alexandr SmagaParticipant]

Hello @alendo ! Is the jquery_akordeon lib compatible with AMD ? If no you have to configure require js accordingly. See shim section there.

[alendoParticipant]

Thank you Alexandr
I don’t understand how to use requirejs.yml, but this doesn’t work for me.

config: shim: 'educacloudui/js/jquery_akordeon': deps: - 'jquery' paths: 'educacloudui/js/jquery_akordeon': 'bundles/educacloudui/js/jquery.akordeon.js'

1 2 3 4 5 6 7 8 9

config:     shim:         'educacloudui/js/jquery_akordeon':             deps:                 - 'jquery'     paths:         'educacloudui/js/jquery_akordeon': 'bundles/educacloudui/js/jquery.akordeon.js'

thanks

[alendoParticipant]

Please, I’ve written that it doesn’t work for me: may be I don’t understand how to configure it. Is there any documentation? Is it sufficient to configure shim and path?
Thank you

[Author]

Replies