Динамически созданные Materialise CSS модалы не запускаются - PullRequest
Новая
       10

Динамически созданные Materialise CSS модалы не запускаются

0 голосов
/ 11 сентября 2018

Приведенный ниже код используется для создания динамических материализованных карточек CSS, которые имеют плавающую кнопку заметки, которая при нажатии должна вызывать модализацию материализации. Похоже, что модальный триггер работает нормально, когда он статически является частью страницы, и я успешно работаю над другим разделом. Я также попробовал статический модальный код на той же странице, и он работает без помех. Есть ощущение, что это может быть ошибкой. Любая помощь приветствуется. 

$("#saved-articles").append(`<div class="card">


    <div class="card-image waves-effect waves-block waves-light">
    <img class="activator" src="${data[i].link}">
    </div>

     <div class="card-content">
     <span class="card-title activator grey-text text-darken-4 ${truncClass}">${data[i].title}<i class="material-icons right">more_vert</i></span>
     </div>

     <div class="card-reveal">
     <span class="card-title grey-text text-darken-4 ${truncClass}">${data[i].title}<i class="material-icons right">close</i></span>
    <p>${data[i].description}</p>
    <p><a href=""${storyLink}" target="_blank">${readMore}</p>
    <a class="waves-effect waves-light btn " article-id="${data[i]._id}" id="delete-article"  >Unsave Article</a>
    </div>
    <a class="btn-floating halfway-fab waves-effect waves-light blue darken-1 **modal-trigger "href="#modal${i}"**><i class="material-icons" >note_add</i></a> 
    <div **id="modal${i}"** class="modal">
    <div class="modal-content">
      <h4>Modal Header</h4>
      <p>A bunch of text</p>
    </div>
  </div>
    </div>
...