我正在做一个危险的董事会,并且我已经在index.html中给每个div(每个问题广场)一个id,所以当它被点击时,会出现正确的问题.我还想根据id设置每个div的point值,所以我使用了jquery .is和if if / else语句.我只完成了A1和A2的代码,但A2应该价值200美元,它的回报价值100美元.为什么？
if ($('.well').is('#A1','#B1','#C1','#D1','#E1')) {
questionValue = 100;
}
else if ($('.well').is('#A2','#B2','#C2','#D2','#E2')) {
questionValue = 200;
}
else if ($('.well').is('#A3','#B3','#C3','#D3','#E3')) {
questionValue = 300;
}
else if ($('.well').is('#A4','#B4','#C4','#D4','#E4')) {
questionValue = 400;
}
else if ($('.well').is('#A5','#B5','#C5','#D5','#E5')) {
questionValue = 500;
}
先感谢您.如果我要包含更多代码,请告诉我. .well是问题正方形的div类.
score = score">0
这就是我在做每个问题的方式.
$("#A1").click(function() {
$(".question").show();
$('score += questionValue;
$(".score").text("$" + score);
}
else
{
$('.question').replaceWith('score -= questionValue;
$(".score").text("$" + score);
}
});
});
最佳答案
无论你到目前为止实现的是什么都可能是正确的,但我认为维护该代码非常困难.对于任何新人来说,理解这种逻辑会非常不安.请看下面的方法.你可以参考它并从中得出一个想法：
$(document).ready(function() {
$(".well").click(function() {
var quesVal = $(this).data("questionvalue"); //reading the questionvalue associated with each question
alert(quesVal);
});
});
.questionContainer {
width: 250px;
}
.questionContainer .well {
height: 40px;
width: 40px;
border: 1px solid red;
margin-left: 5px;
margin-top: 5px;
float: left;
/*Here you can also use display: inline-block instead of float:left*/
background: orange;
}
