jQuery / HTML5 не работает

Я пытаюсь внедрить рулетку jquery / html5 на свой сайт.
Я нашел код jsfiddle, который хотел бы использовать: http://jsfiddle.net/kYvzd/118/ Но когда я пытаюсь реализовать его на своем веб-сайте, это не сработает. Я получаю error TypeError: <legend class = "text-center header" > Рулетка! </ 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 = "Пожалуйста, введите ваше имя" /> <button class = "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" > Победитель ... <span> & nbsp; </ span> </ p> <ul class = "участники" > </ ul> </ div> <div style = " clear : both " > </ div> </ div> <script> $ ( document ). ready ( function () { $ ( '.canvas' ). spinwheel ({ pplArray : [ "?" , "?" , "?" , "?" , "?" , "?" , "?" , "? " , "? " , "? " , "? " , "? " ] }); }); </ script> (...). 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 <head> active.
Я чувствую себя действительно глупым, потому что я в основном просто скопировал код, и это не сработает.
И часть в HTML - это единственное, что я переместил, потому что мне нужно будет динамически менять некоторые значения.<script src="http://code.jquery.com/jquery-1.6.js" type="text/javascript"></script> <script src="js/roulette.js" type="text/javascript"></script>

Обновление: ссылка на сайт: http://randomstock.net/roulette.php

javascript,jquery,html5,

0

Ответов: 1


1

У вас есть две копии jQuery, включенные в ваш сайт. Глядя на вас, вы$(document).ready(function () { $("canvas").spinwheel(...); });

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

На данный момент у вас есть jQuery 1.6, работающий на странице, а плагин spinwheel добавлен в jQuery, как вы ожидаете.

У вас есть код

$(document).ready

Все это будет работать так, как вы ожидаете.

ТЕМ НЕ МЕНИЕ!

В нижней части страницы вы

$

На данный момент у вас есть новая копия jQuery - одна без установленного плагина вращающегося колеса. Ваша страница находится в странном состоянии limbo, где $(document).ready(function($) { ... })работает от jQuery 1.6, но $внутри нее при ее запуске будет новый jQuery, без плагина.

Два решения:

  1. Предпочтительно: избавиться от дубликата jQuery
  2. $будет гарантировать, что $внутренняя функция будет такой же, как и внешняя.
JavaScript, JQuery, html5,
Похожие вопросы