How to call modal in Semantic UI?

Question

HTML

Hello!
Guys, tell me, who knows how to call modal windows in the semantic ui framework?
There are specific instructions: semantic-ui.com/modules/modal.html#modal
call script, stml codes of the windows themselves - everything is exposed. But here's how to register a link, when you click on which this window will be called?
and how to be provided that it is necessary to set some pop-up windows to different links?
thank!

Answer 1

If we talk about several different windows, then you can do it as follows. In the loop, form all windows with different id, and in javascript already call them.
HTML:

<?php foreach ($items as $item): ?>
<button class="ui icon button show-modal" data-modal="#item-modal-<?= $item['id'] ?>">
  <i class="pencil icon"></i>
</button>

<div class="ui modal" id="item-modal-<?= $item['id'] ?>">
...
</div>
<?php endforeach; ?>

Javascript:

$('.show-modal').click(function (e) {
  e.preventDefault();

  var modal_id = $(this).attr('data-modal');

  $(modal_id).modal('show');
});