Ответы пользователя по тегу HTML
  • Как вызвать modal в Semantic UI?

    Danakishi
    @Danakishi
    Full stack web dev
    Если говорить о нескольких разных окнах, то можно сделать следующим образом. В цикле сформировать все окна с разными id, а в javascript уже вызывать их.

    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');
    });
    Ответ написан
    Комментировать