jquery - 第二次点击时稍微改变功能

Question

我正在开发某种老虎机，并且我已经设法将结果设置为一组特定的数字。当我第二次单击旋转机器时，我想用一组不同的结束编号实现相同的效果，但我对 Jquery 语法的理解不够好，无法实现这一点。

这是一个 Jfiddle:http://jsfiddle.net/d3fZV/ (注:代码属于 Matthew Lein)

现在问题来了，下面的代码可以完美运行(在我的 HTML 文件中):

<script type="text/javascript" charset="utf-8">  

    $('.slot').jSlots({  
        spinner: '#playBtn',
        winnerNumber: 7,
        endNumbers: [1, 2, 3]
    }); 
</script>

我想我可以使用这个问题的答案:Jquery, adding new function to the second click给我留下这段代码:

$('.slot').click(function(){
  if( $(this).hasClass("clicked"))
  {
     $('.slot').jSlots({  
        spinner: '#playBtn',
        winnerNumber: 7,
        endNumbers: [3, 2, 1]; // non-first click effect
  }
  else
  {
     $(this).addClass("clicked");
     $('.slot').jSlots({  
        spinner: '#playBtn',
        winnerNumber: 7,
        endNumbers: [1, 2, 3]; //first click effect
  }
});

这当然会使我的整个函数无法使用，而且我很确定我只是搞乱了这里的语法。请帮帮我。谢谢。我对某些行末尾使用逗号和分号感到特别困惑。

编辑:打字错误

Answer 1

我更新了你的 fiddle 并稍微修改了 jQuery 代码，以便它支持更改现有 jsSlot 的选项。

按钮现在在变量 clickCount 中计算点击次数。此外，$('.someSelector').jSlots() 现在以数组形式返回 jsSlots 对象。
因此，您可以随时通过以下代码更改这些对象的选项:

var jsSlot = $('.slot').jSlots({
                spinner: '#playBtn',
                winnerNumber: 7,
                endNumbers: [1, 4, 3]
            })[0];

jsSlots.options.endNumbers = [5 , 2, 2];

您可以在这里找到更新的 fiddle : http://jsfiddle.net/d3fZV/435/

我还在演示的 fiddle 中将第二次单击时的结束编号更改为 [1, 4, 6]