semantic-ui 弹出层

semantic-ui

点击a标签显示弹出层

部分代码，仅完成点击事件

semantic-ui的使用方式和样式自行修改

标签

<a id="show_detail">点击我</a>

弹出层

semantic-ui官网上的用例

<div class="ui modal">
        <i class="close icon"></i>
        <div class="header">
            Modal Title
        </div>
        <div class="image content">
            <div class="image">
                An image can appear on left or an icon
            </div>
            <div class="description">
                A description can appear on the right
            </div>
        </div>
        <div class="actions">
            <div class="ui button">Cancel</div>
            <div class="ui button">OK</div>
        </div>
    </div>

script

$(function(){
                 $("#show_detail").click(function(){
                         $('.ui.modal').modal('show');
                         })
                 })