Hello Community,

I've copied the following code (look up the resources at #1) from an example in the mdb alert generator. Which by itself works perfectly fine when I write it directly into my html source.

What i am trying to do is to generate the code for this dynamicly (id, message, alert level...) at server side and then just fill the html into the body (and show the alert). Up until then there are no problems but apparently when I try to call my new alert with the following code (look up resources at #2) the response is always: "Uncaught TypeError: mdb.Alert.getInstance(...) is null" When i add the same code that has been previously inserted at runtime directly into my source file it works.

Is there a way around this/ What am i doing wrong? Can you reproduce this type of behavior?

Thank you and Regards

Resources (screenshots, code snippets etc.)

1

<div class="alert alert-primary mb-0 alert-dismissible alert-absolute fade show " id="js-alert-1697070908" role="alert" data-mdb-color="secondary">
<i class="fas fa-check me-2"></i>
 Hello! I am a simple alert
<button type="button" class="btn-close ms-2" data-mdb-dismiss="alert" aria-label="Close"></button>
</div>

2

mdb.Alert.getInstance(document.getElementById('js-alert-1697070908')).show()