语义模态不起作用

Question

有些人可以用语义模态帮助我吗？这是模态代码：

<div class="ui modal">
    <div class="header">
        Select a Photo
    </div>
    <div class="image content">
        <div class="ui medium image">
            <img src="image file here">
        </div>
        <div class="description">
            <div class="ui header">Default Profile Image</div>
            <p>We've found the following <a href="#" target="_blank">gravatar</a> image associated with your e-mail address.</p>
            <p>Is it okay to use this photo?</p>
        </div>
    </div>
    <div class="actions">
        <div class="ui black deny button">
            Nope
        </div>
        <div class="ui positive right labeled icon button">
            Yep, that's me
            <i class="checkmark icon"></i>
        </div>
    </div>
</div>

这是按钮：

<button class="ui test button">
    Move to Folder
</button>

这是Javascript：

<script type="text/javascript">
    $(document).ready(function(){
        $('.modal').modal('attach events', '.test.button', 'show'); 
    });
</script>

请注意，此模式附加到按钮。

console中的错误：

  

Uncaught TypeError：$ module.transition不是functionmodule.is.animating @ modal.js：551module.showModal @ modal.js：316module.show @ modal.js：299f.event.dispatch @jquery.min.js ：3h.handle.i @ jquery.min.js：3

谢谢！