title: Semantic ui modal error
body: <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>