Javascript 语义UI下拉列表| JS找不到JQuery

我试图在Magento1.9上使用语义UI（下拉组件）。我将语义文件包括在my head.phtml中，如下所示：

<script type="text/javascript"   src="http://uat.vvv.com/semantic/index.js">                </script>
<script type="text/javascript" src="http://uat.vvv.com/semantic/dropdown.js"></script>
<link rel="stylesheet" type="text/css" href="http://uat.vvv.com/semantic/dropdown.css" media="all">

我添加此代码以显示下拉列表

<div class="ui dropdown">
<input type="hidden" name="gender">
    <i class="dropdown icon"></i>
    <div class="default text">Gender</div>
    <div class="menu">
    <div class="item" data-value="male">Male</div>
    <div class="item" data-value="female">Female</div>
    </div>
    </div>

性别
男性
女性

它将显示，但不显示选择。在着手解决这个问题之前，我注意到Chrome控制台中的错误消息： 未捕获引用错误：未定义require 在

参考：

---

我做错了什么？我想不起来了

我在没有index.js文件的情况下添加了它们。下拉菜单显示的很好，但问题是当我点击下拉菜单时，并没有任何动作发生（选项不会显示）。为什么？你从哪里得到dropdown.css和dropdown.js文件的？您是否构建了自己的语义用户界面？你能制作一个JSFIDLE来演示这个问题吗？我从这里的链接下载了一个备用版本，我发现了这个FIDLE，并创建了一个完全相同但不起作用的FIDLE。。。。。我错过了什么？

<div class="ui dropdown">
<input type="hidden" name="gender">
    <i class="dropdown icon"></i>
    <div class="default text">Gender</div>
    <div class="menu">
    <div class="item" data-value="male">Male</div>
    <div class="item" data-value="female">Female</div>
    </div>
    </div>