我有来自josex2r 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
答案 0 :(得分: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 ("" +
会强制将三个数字强制转换为字符串