So I created a test menu in webflow and downloaded the zipped files.
After uploading the HTML, CSS and javascript code to my website, everything works the way it should except the drop-down menu doesn’t open and isn’t clickable and there is a code (e603) showing where the drop-down icon should be.
Also, I get the following message when looking at the error message in the console of the chrome developer tools,
“jquery-3.3.1.min.js:2 jQuery.Deferred exception: $(…).dialog is not a function TypeError: $(…).dialog is not a function
at HTMLDocument. (https://autoprint-cdn.s3.amazonaws.com/public-cart/js/app.js?version=3.3.25:4:13001)
at l (https://code.jquery.com/jquery-3.3.1.min.js:2:29375)
at c (https://code.jquery.com/jquery-3.3.1.min.js:2:29677) undefined
w.Deferred.exceptionHook @ jquery-3.3.1.min.js:2
jquery-3.3.1.min.js:2 Uncaught TypeError: $(…).dialog is not a function
at HTMLDocument. (app.js:4)
at l (jquery-3.3.1.min.js:2)
at c (jquery-3.3.1.min.js:2)
jquery-3.3.1.min.js:2 jQuery.Deferred exception: $(…).tooltip is not a function TypeError: $(…).tooltip is not a function
at HTMLDocument. (http://store.graphicdepot.co/:917:46)
at l (https://code.jquery.com/jquery-3.3.1.min.js:2:29375)
at c (https://code.jquery.com/jquery-3.3.1.min.js:2:29677) undefined
w.Deferred.exceptionHook @ jquery-3.3.1.min.js:2
jquery-3.3.1.min.js:2 Uncaught TypeError: $(…).tooltip is not a function
at HTMLDocument. (store.graphicdepot.co/:917)
at l (jquery-3.3.1.min.js:2)
at c (jquery-3.3.1.min.js:2)”
I uploaded those files to http://store.graphicdepot.co
The webflow test menu can be found at:
http://graphicdepot-main-menu.webflow.io/.
It is the same one which I added to http://store.graphicdepot.co.
My goal is to create an advanced menu with dropdowns containing divs that have images and other sub-menus.
The reason I did it this way first was to address any issues that may come in the way.
Thanks in advance for the help.