Question

我试图在我的网站上实现jquery / html5轮盘赌我找到了一些我想使用的jsfiddle代码：http://jsfiddle.net/kYvzd/118/ 但是，当我试图在我的网站上实现它时，它不会工作.. 我收到错误TypeError：$（...）。spinwheel不是函数 [了解更多]

这是我实施的代码： HTML：

<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>'
?>

JS就像JS文件一样，实现如下：

<script>

我可以看到文件是roulette.js已经实现，所以PHP部分$ active没有错。
我觉得非常愚蠢，因为我基本上只是复制了代码，但它不会起作用。
HTML中的object部分是我唯一移动的部分，因为我需要动态更改某些值。

更新网站链接为：http://randomstock.net/roulette.php

Answer 1

您的网站中包含两个jQuery副本。查看您拥有的<head>

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

此时，您在页面上运行了jQuery 1.6，并将旋转插件添加到jQuery，如您所料。

你有代码

$(document).ready(function () {
    $("canvas").spinwheel(...);
});

这一切都可以按照您的预期进行。

<强>无论其！

在页面底部，您有

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

此时，您有一个jQuery的新副本 - 一个没有安装spinwheel插件的副本。您的页面处于一种奇怪的状态，$(document).ready从jQuery 1.6运行，但运行时$内部的$(document).ready(function($) { ... })将是较新的jQuery，没有插件。

两种解决方案：

首选：摆脱重复的jQuery
$将确保函数内的QPushButton与外部的QLineEdit相同。

jQuery / HTML5轮盘不起作用

1 个答案: