2014-08-30 90 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 ("" +將三個數字強制爲字符串