Javascript jQuery/HTML5轮盘赌不起作用

我正试图在我的网站上实现jquery/html5轮盘赌。
我找到了一些我想使用的JSFIDLE代码： 但是当我试图在我的网站上实现它时，它不会起作用。。 我收到错误TypeError:$（…）。spinwheel不是一个函数 [了解更多信息]

这是我实现的代码： HTML：

<legend class="text-center header">Roulette!</legend>
  <div id="main">
    <div id="left-column">
      <form class="iform" action="#" method="get">
        <label for="joiner"></label>
        <input id="joiner" name="joiner" class="joiner" placeholder="Please Enter your name" />
        <button class="add">Add</button>
        <button class="spin-trigger">Spin</button>
      </form>        
      <canvas class="canvas" width="500" height="500"></canvas> 
    </div>
    <div id="right-column">
      <p class="winner">The Winner is ... <span>&nbsp;</span></p>
      <ul class="participants">
      </ul>
    </div>
    <div style="clear:both"></div>

  </div>

<script>
$(document).ready(function(){
   $('.canvas').spinwheel({
       pplArray : ["♈", "♉", "♊", "♋","♌", "♍", "♎", "♏","♐", "♑", "♒", "♓"]
   });
});
</script>

轮盘赌！
添加
快速旋转
获胜者是


$（文档）.ready（函数（）{
$（'.canvas'）.spinwheel({
pplArray:[”♈", "♉", "♊", "♋","♌", "♍", "♎", "♏","♐", "♑", "♒", "♓"]
});
});

JS与JS文件完全相同，实现方式如下：

<script src="http://code.jquery.com/jquery-1.6.js" type="text/javascript"></script>
<?php
  if($active=="roulette") echo '<script src="js/roulette.js" type="text/javascript"></script>'
?>

我可以看到文件is roulette.js已经实现，因此PHP部分$active没有问题。
我觉得自己很愚蠢，因为我基本上只是复制了代码，它不会工作。
HTML中的

部分是我唯一移动的部分，因为我需要动态更改其中的一些值

更新：

---

网站链接是：

您的网站中包含了两份jQuery。查看

您的

<script src="http://code.jquery.com/jquery-1.6.js" type="text/javascript"></script>
<script src="js/roulette.js" type="text/javascript"></script>

这一切都会如你所期待的那样

但是！

在页面底部，您有

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

此时，您有了一个新的jQuery副本—一个没有安装spinwheel插件的副本。您的页面处于一种奇怪的不稳定状态，

$（文档）。ready

是从jQuery 1.6运行的，但是当它运行时，其中的

$

将是新的jQuery，没有插件

两种解决方案：

首选：摆脱重复的jQuery

$（document）.ready（函数（$）{…}）

将确保函数内的

$

与函数外的相同

---

jquery 1.6非常旧。可能roulette.js做了一些此版本不支持的事情-尝试jquery 1.9或jquery 3 JSFIDLE正在运行jquery 1.6第三个选项。我仍然更喜欢选项1。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>