如何在DIV上的所有ID点击时直接输入网址

时间:2015-11-06 11:52:29

标签: javascript html

我想制作迷你游戏,但坚持使用逻辑代码。

试试看下面的代码,,, 我想直接点击所有div ID,错误2,错误3,然后错误4(最后)其值为直接。可能会添加一些类。

我想在最后一次点击ID之前错误4,ID错误4其addclass rightAnswers。因为类rightAnswers对下一个结果页面有属性html5 data-current-game =“5”data-next-game =“finish”。

我已尝试制作并通过https://stackoverflow.com/users/2025923/tushar提供帮助 由Tushar帮助,How to show last ID when All ID on DIV click

但现在我想要不同的逻辑。


谢谢

注意:
我试着像这样编辑,
但是班级权利不能起作用......

    divs.splice(divs.indexOf($(this).prop("id")), 1)
    if (divs.length == 0) {
      $('#wrong1, #wrong2, #wrong3, #wrong4').addClass('rightAnswers');
    }

并添加脚本网址方向,如下所示: 但是类rightAnswers仍然不起作用

$(".rightAnswers").click(function() {
  window.location = "/game/result";
});


代码来自How to show last ID when All ID on DIV click

 $(function () {
   var divs = ["wrong1", "wrong2", "wrong3", "wrong4"];
   $('#wrong1, #wrong2, #wrong3, #wrong4').click(function () {
      $(this).animate({
            opacity: 0,
            top: 100,
            }, 500);
    divs.splice(divs.indexOf($(this).prop("id")),1)
    if(divs.length == 0){
     	$('#wrong-gameOne').eq(0).hide();
    	$('#correct-gameOne').eq(0).show();
    }
                    
  });
});
 <img id="correct-gameOne" class="rightAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/10/thumbnail.jpg" data-current-game="1" data-next-game="2" style="display:none;" />
    <img id="wrong-gameOne" class="wrongAnswer" src="http://authentic-scandinavia.com/system/images/tours/photos/125/thumbnail.jpg" data-current-game="1" data-next-game="2" />
    <div id="wrong1" class="no-bottom">
        <label>TEXT 1</label>
    </div>

    <div id="wrong2" class="no-bottom">
        <label>TEXT 2</label>
    </div>

    <div id="wrong3" class="no-bottom">
        <label>TEXT 3</label>
    </div>

    <div id="wrong4" class="no-bottom">
        <label>TEXT 4</label>
    </div>

0 个答案:

没有答案