Semantic ui modal error
<p>I have already tried but could not find any answer to my question.</p>

<p>I want to use a semantic modal,the first,  <a href="http://semantic-ui.com/modules/modal.html#/definition" rel="nofollow">this</a>! </p>

<p>my imports are: </p>

<pre><code>&lt;link rel="stylesheet" type="text/css" href="moduli/semantic/dist/semantic.min.css"&gt;
&lt;link rel="stylesheet" type="text/css" href="css/style.css"&gt;
&lt;link rel="stylesheet" type="text/css" href="moduli/semantic/dist/components/modal.css"&gt;
&lt;link rel="stylesheet" type="text/css" href="moduli/semantic/dist/components/modal.min.css"&gt;


&lt;script type="text/javascript" src="moduli/semantic/dist/semantic.min.js"&gt;         &lt;/script&gt;
&lt;script type="text/javascript" src="moduli/semantic/dist/main.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="moduli/semantic/dist/jquery.min.js"&gt;  &lt;/script&gt;
&lt;script type="text/javascript" src="js/function.js"&gt;&lt;/script&gt;
&lt;script type="text/javascript" src="moduli/jquery-ui/jquery-ui.js"&gt;&lt;/script&gt;
&lt;script src="moduli/semantic/dist/components/modal.min.js"&gt;&lt;/script&gt;
</code></pre>

<p>Error on console : </p>

<pre><code>modal.min.js:11 Uncaught TypeError: O.transition is not a function

modal.min.js:11 Uncaught TypeError: q.dimmer is not a function
</code></pre>

<p>when I click on a button, I call the follow js <code>function</code>:</p>

<pre><code>$('.ui.modal')
   .modal({onShow: function(){}})
   .modal('show');
</code></pre>