ddslick | jQuery plugin to create a custom drop | Plugin library

I am a newby! I am using a jquery plugin (ddslick) in order to custom a select element using images and descriptions but I have a few problems. I would like to understand if there's a way to push content down when i click on it.

https://i.stack.imgur.com/ebVoD.png

I am redesigning the select dropdown of a site and I am using a jQuery plugin called ddSlick. However, I can't seem to capture a variable I need outside its function.

In the code below I can't seem to have the second console.log(build) show what I get in the first console.log(build). I get undefined. What could I be doing wrong?

So I have a modern javascript app build using ES6 modules and transpiled by babel.

In this app, I need to use a jQuery plugin for some DOM manipulations. I don't want to globally expose jQuery and then load the plugin code into the document using a script tag. Instead, I want the plugin to be available only inside a module:

I have a dynamic dropdown creating by jquery. In Home Component there has a div with id currencyvalue, dropdown will create on it by jquery function that is in common.js and jquery.ddslick.min.js. Jquery loaded before Home component load that's why dropdown is not populated.

So i want to load jquery after home component loaded so jquery function will work.

Code : Home Component

I am unable to pass values from a dropdown menu to the addtocart() function, as soon as ddslick comes into play.

As soon as I add e.g. $('#list1').ddslick();)

It throws an "undefined" data error. I changed the line above to

My goal is to implement multiple dropdown fields that contain images, are positioned under each other, and that each have a JavaScript function assigned to them I can trigger by a button later on. Roughly saying like "oh, this and this and this got selected, press the button and trigger all the selected functions). The "add-to-cart" Cartjs.additem() function is working proper already, just not in this dropdown environment. I feel I got way over my head of course.

This is my code so far:

I am trying to update a select menu to match up with each slide in a slideshow. As it is, the slideshow is bookmarkable with a hashtag on the URL updated for each slide. My select menu has a class for each option which matches the hashtags for each slide. I'm using Cycle2 for my slideshow and DDslick for my dropdown. However, my javascript is not working to update the select menu, even with DDslick disabled.

Right now this is my javascript;

I am using the PHPMailer Scripts to send an email from a form that a user fills out, and the user picks an image from a drop down, and the form sends the corresponding image with the email based on user selection. So its pretty straight forward, I had it working for a little bit, then all of a sudden it stopped working, I changed nothing that I can remember. I am also using bootstrap and DDSlick(for the dropdown).

The Image is what comes up as undefined in the error log, every other piece of information works!

Here is the error: