2014-08-30 91 views
0

我从josex2r jQuery的老虎机jQuery的老虎机获得指数的结果,改变背景

这段代码显示了这个代码什么当前活动通过展示什么积极的插槽数为(JS代码)

<div id="machine1" class="slotMachine"> 
<div class="slot slot1"></div> 
<div class="slot slot2"></div> 
<div class="slot slot3"></div> 
<div class="slot slot4"></div> 
<div class="slot slot5"></div> 
<div class="slot slot6"></div> 
</div> 

<div style="clear:both;"> 
<div id="machine1Result" class="slotMachine noBorder" style="text-align:left">Index: 0</div> 
<div id="machine2Result" class="slotMachine noBorder" style="text-align:left">Index: 1</div> 
<div id="machine3Result" class="slotMachine noBorder" style="text-align:left">Index: 2</div> 
<div class="slotMachine noBorder"></div> 
</div> 

function onComplete($el, active){ 
     switch($el[0].id){ 
       case 'machine1': 
        $("#machine1Result").text("Index: "+active.index); 
        break; 
       case 'machine2': 
        $("#machine2Result").text("Index: "+active.index); 
        break; 
       case 'machine3': 
        $("#machine3Result").text("Index: "+active.index); 
        break; 
      } 
     } 

目标是......一旦用户得到相同的结果说“777”,然后改变一些div的背景。 从这里实现同样的目标:Link

回答

1

绾3个结果和if == 777使用css()改变背景

function onComplete($el, active){ 

    var m1Index; 
    var m2Index; 
    var m3Index; 

    switch($el[0].id) { 
     case 'machine1': 
      m1Index = active.index; 
      $("#machine1Result").text("Index: "+ m1Index);      
      break; 
     case 'machine2': 
      m2Index = active.index; 
      $("#machine2Result").text("Index: " + m2Index); 
      break; 
     case 'machine3': 
      m3Index = active.index; 
      $("#machine3Result").text("Index: "+ m3Index ); 
      break; 
    } 

    if (m1Index & m2Index & m3Index) {   

     if ("" + m1Index + m2Index + m3Index == "777") { 
      $('.someDiv').css({"backgroundColor": "green"}); 
     } 

    } 

} 

首先检查所有三个索引中存在,然后检查字符串的组合等于777

""添加到if ("" +将三个数字强制为字符串