javascript - 复制jquery脚本并显示不同的结果

Question

我正在使用 following script

我希望复制轮子，这样它会显示两个，每个会显示不同的结果。

我已将 html、css 和一些 jquery 复制到 here 中 更改了 css 和 html 的类，除了一部分之外它可以工作:

问题是第二个轮子不显示结果。 我尝试过: a) 复制整个 jquery 并更改类 b) 仅复制这部分代码:

$(document).ready(function(){
   $('.canvas222').spinwheel({
       pplArray : ["sss", "aaa", "fff", "ggg","hhh", "jjj", "kkk", "lll","vvv", "bbb", "xxx", "eee"]
   });
});

这仍然没有显示第二个轮子的结果。

Answer 1

我在您的代码中看到的唯一问题是您没有为第二个实例上的获胜者元素设置参数。

$(document).ready(function(){
   $('.canvas222').spinwheel({
       pplArray : ["sss", "aaa", "fff", "ggg","hhh", "jjj", "kkk", "lll","vvv", "bbb", "xxx", "eee"],
       winnerDiv:'.winner222' //Add "Winner" Element to the parameters
   });
});

jsFiddle 的工作:https://jsfiddle.net/b7wjj39p/1/