Initialize accordion dynamic

Kamila Pieńkowska staff commented 1 months ago

Pleas provide a snippet and explain what you want to achieve.

Kevin pro premium priority commented 1 months ago

I have a select menu in the third accordion that will be added dynamically. If I copy the code of the first select and add it behind the first select to have a second select than the label of the seconde select works not correct. I used your snippet to check it but you have to add the code on your own because I can't save it there. https://mdbootstrap.com/snippets/standard/kpienkowska/6041647

Kamila Pieńkowska staff commented 1 months ago

There is Fork buttton at the bottom. It will copy my example and you will be able to edit and save it.

Kevin pro premium priority commented 1 months ago

https://mdbootstrap.com/snippets/standard/max16/6270543#js-tab-view The first select that you click works well with the label. Second won't.

Kamila Pieńkowska staff commented 1 months ago

I've adjusted your snippet: https://mdbootstrap.com/snippets/standard/kpienkowska/6272528

Kevin pro premium priority commented 1 months ago

Ok, how can I do this if the select is not in the accordion and mdb variable is at the point of the select not initialised? It get initialised at the end of the site load. https://mdbootstrap.com/snippets/standard/max16/6273429#js-tab-view

Kamila Pieńkowska staff commented 1 months ago

The select component needs to be initiated when it is shown, so target JS initiation so it will happen at that moment. Write your selectors so you want to initialize all select components at once because those in the accordion will have a problem with labels again.