How to attribute Bootstrap dropdown to ajax inserted object

Question

I'm doing a Django project and i need to insert rows dynamically (ajax) with a dropdown menu for each one. When the content is static it works just fine, but when new data are loaded from ajax, i can't bind it to the dropdown functionality and have a message like :

applyStyle.js:66 Uncaught TypeError: Cannot read property 'setAttribute' of null
    at Object.onLoad (applyStyle.js:66)
    at index.js:69
    at Array.forEach (<anonymous>)
    at new t (index.js:67)
    at c.t.toggle (dropdown.js:177)
    at HTMLAnchorElement.<anonymous> (dropdown.js:328)
    at Function.each (jquery-3.3.1.slim.min.js:2)
    at w.fn.init.each (jquery-3.3.1.slim.min.js:2)
    at w.fn.init.c._jQueryInterface [as dropdown] (dropdown.js:315)
    at HTMLAnchorElement.<anonymous> (dropdown.js:472)

When i try to call the dropdown() function to bind it manually, i got the message :

Uncaught TypeError: $dropdown1.dropdown is not a function

Is somebody knows what to do ? Thank you !

Byga

Have you seen [this](https://github.com/CroudTech/vue-semantic/issues/1) ? — Sulthan Allaudeen, Sep 20 '18 at 07:42
I can't try it now but i will and tell you if it works. Thank you! — Byga, Sep 21 '18 at 14:28
Sure.. If you're using don't forget [document ready](http://learn.jquery.com/using-jquery-core/document-ready/) — Sulthan Allaudeen, Sep 21 '18 at 15:17
Yes, it was a problem of order to import the different elements like jquery/popper/bootstrap. Thank you ! — Byga, Sep 28 '18 at 07:30
Great. Can u post the same as answer or I can do it for you.?. To make the future readers helpful. — Sulthan Allaudeen, Sep 28 '18 at 13:19

score 0 · Answer 1 · answered Jun 06 '19 at 08:02

0

The problem was the order of import of the librarys like jquery/popper/bootstrap.

Thanks to Sulthan Allaudeen!

answered Jun 06 '19 at 08:02

Byga

61
2

How to attribute Bootstrap dropdown to ajax inserted object

1 Answers1