Can't load mdb library inside Generated AJAX DOM Conten

  1. MDB Home Page
  2. Support Main Page
  3. MDB jQuery
Topic: Can't load mdb library inside Generated AJAX DOM Content

Damian Woźniak asked 3 years ago

Expected behavior

Inside loaded HTML DOM i want to use (for example) form-outline .

Actual behavior

After loading new DOM there is mutliple divs generating with modal-backdrop session. On every next open modal window divs is opening multiply. I try to remove old mdb script before ajax call and after call load new, but there is the same divs is opening multiply.

Resources (screenshots, code snippets etc.) enter image description here

Mikołaj Smoleński staff commented 3 years ago

After loading content dynamically you have to initialize components manually via JS.

Here are some tips how to do this:

  1. https://mdbootstrap.com/docs/standard/forms/input-fields/#section-dynamic-input-initialization

  2. https://mdbootstrap.com/docs/standard/components/modal/#docsTabsAPI

Keep coding, Mikołaj from MDB
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.18.0
  • Device: every
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No
Tags
ajax backdrop dom
Related topics
1
mdb_autocomplete and Ajax update
1
Datatable server side request, search sorting etc.
0
Label on input is not shown correctly after ajax update
0
Update autocomplete source array using AJAX
0
DateTimePicker not working after ajax call
About author
Damian Woźniak
5Support score
1Questions 0Answers
0Snippets likes 0Snippets