Простой модал - более одного

Question

Я использую simplemodal-demo-basic-1.4.1 и у меня проблемы с его использованием, чтобы открыть более одного окна на странице (мне не нужно, чтобы они открывались одновременно или поверх одногодругой).Я попытался добавить другой класс и вызвать этот класс в моем js-файле, но я не получаю его.Я уверен, что что-то упустил.Может кто-нибудь помочь, пожалуйста?

Answer 1

Я предполагаю, что вы говорите о демоверсии , доступной в простомодальном проекте Google Code

Вот что мне нужно было сделать, чтобы добавить второй модальный диалог к ​​этой демонстрации:

Добавьте следующий HTML-код в index.html:

• внутри content div:

  <!-- second modal content -->
  <div id="basicTwo-modal-content">
    <h3>Basic Two Modal Dialog</h3>
    <p>The Second Modal</p>
  </div>
  

• внутри basic-modal div:

  <input type='button' name='basicTwo' value='Demo Two' class='basicTwo'/> or <a href='#' class='basicTwo'>Demo Two</a>
  

Добавьте следующий CSS в basic.css:

    #basicTwo-modal-content { display: none; }

Добавьте следующий JavaScript в basic.js внутри обработчика загрузки jQuery:

    $('#basic-modal .basicTwo').click(function (e) {
      $('#basicTwo-modal-content').modal();

      return false;
    });

Рабочая демоверсия