Skip to Content
Menu
Dette spørgsmål er blevet anmeldt
2 Besvarelser
1261 Visninger

I am trying to show my Bootstrap dropdown menu on t-on-keyup. 

When i try to call new bootstrap.Dropdown(element) is says that it's undefined.

If I'm correct, bootstrap is already inside the odoo system. So I don't have any imports for bootstrap in my application.

This is the function I am trying to call:

showDropdown = (dropdownElement) => {
    if (dropdownElement) {
​const dropdown = new bootstrap.Dropdown(dropdownElement);
​dropdown.show();
    }
}

Do I still need to import bootstrap individually? Or am I doing something else wrong?

Avatar
Kassér
Bedste svar

For anyone else wondering, I think it depends on the bootstrap version being used. 

For me it worked with:

$("#element_id").modal("show") # or .modal("hide")

More here: getbootstrap.com/docs/4.0/components/modal/

Avatar
Kassér
Forfatter Bedste svar

I found out that you can access DOM elements via jQuery like this "$(element)".

So I made it work with $('#dropdownElement').show()

Avatar
Kassér
Related Posts Besvarelser Visninger Aktivitet
5
mar. 25
2842
1
feb. 25
1363
0
nov. 24
946
2
okt. 24
1591
1
okt. 24
11739