[英]alert box sequence after an image has been loaded
因此,我試圖為簡單的查找對象游戲創建彈出邏輯。 因此,我創建了一個字符串數組,希望顯示2條警報消息。 提示您找到[插入名稱]的第一個警報。然后,如果再次單擊同一對象,它將顯示一條通用消息“您已經找到了”。 然后,在單擊所有圖像之后,將根據單擊的項目的int計數加載一個新頁面。 我遇到的麻煩是如何執行第一個初始警報。 我本以為可以為初始警報創建另一個數組,但是當我遇到問題時要這樣做。
<div id="b1" class="mybox">One</div>
<div id="b2" class="mybox">Two </div>
<div id="b3" class="mybox">Three </div>
<div id="b4" class="mybox">Four </div>
<div id="b5" class="mybox">Effortless Calls </div>
<div id="b6" class="mybox">Voicebot </div>
<script type="text/javascript">
//$('body').css('background','blue');
var Boxes = [];
var ttle = $('.mybox').length;
$('.mybox').click(function () {
alert('Blah ');
var bx = this.id;
if (Boxes.indexOf(bx) >= 0){
alert('You Already Found Object ');
}else{
Boxes.push(bx);
}
if (Boxes.length ==ttle)
window.location = "#/finishedgame";
});
</script>
在執行Boxes.push(bx);
之前,不需要其他數組Boxes.push(bx);
您為什么不只是alert(hey you found [insertName]);
? 這應該是用戶第一次(至少是從我從您的帖子中收集到的)想要第一個警報時觸摸框。 所以
var Boxes = [];
var ttle = $('.mybox').length;
$('.mybox').click(function () {
var bx = this.id;
if (Boxes.indexOf(bx) >= 0){
alert('You Already Found Object ');
}else{
var text = [get name of box here]
alert("hey you found" + text);
Boxes.push(bx);
}
if (Boxes.length ==ttle)
window.location = "#/finishedgame";
});
向您的元素添加自定義屬性data-clicked =“ false”
當用戶單擊元素集elem.setAttribute('data-clicked','true');
<div id="b1" class="mybox" data-clicked="false">One</div>
<div id="b2" class="mybox" data-clicked="false">Two </div>
<div id="b3" class="mybox" data-clicked="false">Three </div>
<div id="b4" class="mybox" data-clicked="false">Four </div>
<div id="b5" class="mybox" data-clicked="false">Effortless Calls </div>
<div id="b6" class="mybox" data-clicked="false">Voicebot </div>
$('.mybox').click(function (elem) {
var clicked = $(elem).data('clicked');
if(clicked){
alert(msg1);
} else {
alert(msg1);
elem.setAttribute('data-clicked','true');
};
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.