iFrame не отвечает с помощью плагина jQuery iziModal .. Что не так?

Question

iziModal official
Как и в официальном примере, сделайте iFrame, если я нажимаю кнопку
... Нет, я хочу, чтобы iFrame появлялся, когда я нажимаю section.
Я хотел бы, чтобы детали отображались в модальном окне, когда я отправляю коллекцию работ.

Как это

⬇︎⬇︎⬇︎

Как я могу это реализовать?

---

Ниже мой код, который не работает

jQuery, izimodal.css, izimodal.js правильно включены.
(Содержимое iFrame - это HTML-файл, который у меня есть.)

HTML

<div class="list">
<div class="items">
 <section class="item item1" data-izimodal-iframeurl="data-1.html" data-izimodal-open=#iframe>
   <img src="img/1.png" alt="1" />
   <h2>title1</h2>
   <p>description1 description1</p>
 </section>
 <section class="item item2" data-izimodal-iframeurl="data-2.html" data-izimodal-open=#iframe>
   <img src="img/2.png" alt="2" />
   <h2>title2</h2>
   <p>description2 description2</p>
 </section>
 <section class="item item3" data-izimodal-iframeurl="data-3.html" data-izimodal-open=#iframe>
   <img src="img/3.png" alt="3" />
   <h2>title3</h2>
   <p>description3 description3</p>
 </section>
 <section class="item item4" data-izimodal-iframeurl="data-4.html" data-izimodal-open=#iframe>
   <img src="img/4.png" alt="4" />
   <h2>title4</h2>
   <p>description4 description4</p>
 </section>
 <section class="item item5" data-izimodal-iframeurl="data-5.html" data-izimodal-open=#iframe>
   <img src="img/5.png" alt="5" />
   <h2>title5</h2>
   <p>description5 description5</p>
 </section>
 </div>
</div>

jQuery

// In case of item1
$(document).on('click', '.item1', function (event) {
  event.preventDefault();
  $('#iframe').iziModal('open');
});
  $("#iframe").iziModal({
  iframe: true,
  width: '98%',
  ifremeHeight: '98%',
  zindex: '10',
  iframeURL: "data-1.html",
  group: 'works',
  overlayColor: 'rgba(0,0,0,0.1)',
});