Открыть несколько моделей на той же странице в Materialize

Question

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

Я прочитал все, что мог найти и здесь, и на материализованном веб-сайте. Попробовал несколько вещей, таких как добавление нескольких триггеров в init.js:

$(document).ready(function(){ 
// the "href" attribute of .modal-trigger must specify the modal ID that wants to be triggered 
$('.modal-trigger').leanModal(); 
    }); 

$(document).ready(function(){ 
    // the "href" attribute of .modal-trigger must specify the modal  ID that wants to be triggered 
    $('.modal-trigger1').leanModal(); 
    }); 

Орех, который ничего не сделал. Пробовал называть его как js-функцию под onclick, а не через тег href и класс, но то же самое.

Любые идеи?

Answer 1

Попробуйте поместить модальности прямо под кнопку вызова , это может сработать. Я пережил это много раз. Так что пройдите один раз, если он все еще создает проблему, пожалуйста, дайте мне знать. И, пожалуйста, отправьте также модальный код.

Answer 2

Когда я добавил второй, хотя при нажатии все это я получаю это затемненное изображение

Это означает, что он не мог получить идентификатор второго модальным.