按键程序

resources/views/home/user.blade.php

@@ -22,7 +22,7 @@
 <div class="g-doc">
   <div class="popbg"></div>
     <div class="g-inner welcome">
-      <button id="start_game" class="layui-btn" >匹配对手</button>
+      <button id="start_game" class="layui-btn btn-1" >匹配对手</button>
       <a href="javascript:;" class="rulebtn" ></a>
       <div class="popwind">
         <div class="art">
@@ -90,8 +90,8 @@
       <div class="result">
         <span class="icon top-icon success" id="Jresult"></span>
         <span class="live" id="Jlastmsg">初级玩家</span>
-        <a href="http://183.234.61.252:8090/Home/User/Index"><span class="btn btn1">再来一局</span></a>
-        <span class="btn btn2" href="http://183.234.61.252:8090/Home/User/Index">查看等级</span>
+        <a href="http://183.234.61.252:8090/Home/User/Index"><span class="btn-3 btn btn1" data-href="http://183.234.61.252:8090/Home/User/Index">再来一局</span></a>
+        <span class="btn-3 btn btn2" data-href="http://183.234.61.252:8090/Home/User/Index">查看等级</span>
       </div>
 
     </div>
@@ -250,6 +250,7 @@ function daoshu(argument) {
                 var py2_score = parseInt($("#py2_score").html());
                 if(data.is_end == 1){
                   //结算
+                  main.reSetClass("btn-3",0);
                   clearInterval(ts)
                   setTimeout(function (argument) {
                     
@@ -305,7 +306,7 @@ function daoshu(argument) {
           case "question":
           setTimeout(function(argument) {
            loadQuestion(data);
-           main.setCurrentIndex(1);
+           main.reSetClass("btn-2",0);
           },1000);
             
           default :
@@ -315,7 +316,10 @@ function daoshu(argument) {
 
   //开始匹配
   $("#start_game").click(function(){
-    if(!game_ready){
+    start();
+  });
+  var start=function(){
+        if(!game_ready){
       layer.msg("未链接服务器，请重新链接", {
         time: 1000 //2秒关闭（如果不配置，默认是3秒）
       }); 
@@ -334,8 +338,7 @@ function daoshu(argument) {
           
       }
     },'json');
-  });
-
+  }
   //开始匹配
   $("#out_game").click(function(){
     if(!game_ready){
@@ -363,7 +366,7 @@ function daoshu(argument) {
         var question="";
         var answers = responsedata.info.options
         for(var i in answers){
-          question += '<li class="item item'+i+' answer layui-btn layui-btn-primary"   data-id="'+answers[i].option_id+'">'+answers[i].title+'</li>';
+          question += '<li class="btn-2 item item'+i+' answer layui-btn layui-btn-primary"   data-id="'+answers[i].option_id+'">'+answers[i].title+'</li>';
         }
         $("#question").html(question);
         $("#Jpage").html(responsedata.info.questions_count+"/5")
@@ -403,25 +406,26 @@ function daoshu(argument) {
      answer(answerId);
   });
 var rules={
-  "layui-btn":{
-    "line":1,
-    0:[0,0,0,0],
-    1:[0,0,0,1],
-    "left":0,
-    "right":0,
-    "up":1,
-    "bottom":1
-     
+  "btn-1":{0:[0,0,0,0]}
+  "btn-2":{
+    line:1,
+    left:0,
+    right:0,
+    up:-1,
+    down:1
   }
 };
  var btnConfig={
-          className: "layui-btn",
+          className: "btn-1",
           currentClass:"on",
             rules:rules,
             currentIndex:0,
                 onEnterPress:function () {
                   // body...
-                  if(main.current.classList.contains("item")){
+                  if(this.className=="btn-1"){
+                    start();
+                  }
+                  if(this.className=="btn-2"){
                     var ischeck=true
                     for (var i = 0; i < this.hotbtn.length; i++) {
                       if(this.hotbtn[i].classList.contains("cur_answer")){
@@ -435,6 +439,10 @@ var rules={
                     }
                     
                   }
+                  if(this.className=="btn-3"){
+                   var href= this.current.getAttribute("data-href");
+                    window.location.href=href;
+                  }
                   
                 },
                 onPress:function () {