3
我正在建立一個小型連接四個遊戲，當我設置彈出窗口說每個可能的組合「紅色/黃色勝利」它導致一個不尋常的錯誤/錯誤這我不確定。Jquery「如果語句」觸發時，語句不正確
如果我只有一個if語句了大約65還有它完美的作品時，我得到的是組合：
var a1 = $(".a1").css("background-color");
var a2 = $(".a2").css("background-color");
etc
if (a1 && a2 && a3 && a4 == "rgb(255, 0, 0)") {
alert("red wins");
console.log("1");
}
if (a2 && a3 && a4 && a5 == "rgb(255, 0, 0)") {
alert("red wins");
console.log("1");
}
但是，當我有他們似乎是隨機觸發這些不同的組合65，甚至不需要A1，A2，A3，A4是真實的觸發if語句（它有時也被觸發，而不具有四個背景顏色真）
請注意：有不同的VAR和IFS
的多了很多代碼對不起'新的SO & JQ如果我錯過了任何東西，我很樂意編輯。我知道將有成千上萬的方法，這可能是錯誤的，我應該如何使用套接字，但我不是很擅長Jquery，也不確定從哪裏開始，所以我用了很多AJAX的）
<?php
try {
\t $db = new PDO("mysql:host=$mysql_host;dbname=$mysql_db", $mysql_user, $mysql_pass);
\t
\t // Get Game ID/Color/Player
\t $gameid = $_GET['gameid'];
\t $checkPlayer = "SELECT * FROM c4_games WHERE gameid='$gameid'";
\t $result = array();
\t foreach ($db->query($checkPlayer) as $player) {
\t \t $result[] = $player;
\t \t $player1 = $result[0][1];
\t \t if ($player1 == 0) {
\t \t \t $update = "UPDATE c4_games SET p1_connect='1' WHERE gameid='$gameid'";
\t \t \t $db->exec($update);
\t \t \t $player = "red";
\t \t \t echo $player;
\t \t } else {
\t \t \t $update = "UPDATE c4_games SET p2_connect='1' WHERE gameid='$gameid'";
\t \t \t $db->exec($update);
\t \t \t $player = "yellow";
\t \t \t echo $player;
\t \t }
\t }
} catch(PDOException $e) {
\t $e->getMessage();
}
?>
<!DOCTYPE html>
<html>
\t <head>
\t \t <title>Website Title</title>
\t \t <meta charset="UTF-8">
\t \t <!-- Stylesheets -->
\t \t <link rel="stylesheet" type="text/css" href="css/index.css" />
\t \t <!-- Javascript -->
\t \t <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
\t </head>
\t <body> \t
\t \t <table class="c4-table">
\t \t \t <tr>
\t \t \t \t <td class="F1">F1</td>
\t \t \t \t <td class="F2">F2</td>
\t \t \t \t <td class="F3">F3</td>
\t \t \t \t <td class="F4">F4</td>
\t \t \t \t <td class="F5">F5</td>
\t \t \t \t <td class="F6">F6</td>
\t \t \t \t <td class="F7">F7</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td class="E1">E1</td>
\t \t \t \t <td class="E2">E2</td>
\t \t \t \t <td class="E3">E3</td>
\t \t \t \t <td class="E4">E4</td>
\t \t \t \t <td class="E5">E5</td>
\t \t \t \t <td class="E6">E6</td>
\t \t \t \t <td class="E7">E7</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td class="D1">D1</td>
\t \t \t \t <td class="D2">D2</td>
\t \t \t \t <td class="D3">D3</td>
\t \t \t \t <td class="D4">D4</td>
\t \t \t \t <td class="D5">D5</td>
\t \t \t \t <td class="D6">D6</td>
\t \t \t \t <td class="D7">D7</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td class="C1">C1</td>
\t \t \t \t <td class="C2">C2</td>
\t \t \t \t <td class="C3">C3</td>
\t \t \t \t <td class="C4">C4</td>
\t \t \t \t <td class="C5">C5</td>
\t \t \t \t <td class="C6">C6</td>
\t \t \t \t <td class="C7">C7</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td class="B1">B1</td>
\t \t \t \t <td class="B2">B2</td>
\t \t \t \t <td class="B3">B3</td>
\t \t \t \t <td class="B4">B4</td>
\t \t \t \t <td class="B5">B5</td>
\t \t \t \t <td class="B6">B6</td>
\t \t \t \t <td class="B7">B7</td>
\t \t \t </tr>
\t \t \t <tr>
\t \t \t \t <td class="A1">A1</td>
\t \t \t \t <td class="A2">A2</td>
\t \t \t \t <td class="A3">A3</td>
\t \t \t \t <td class="A4">A4</td>
\t \t \t \t <td class="A5">A5</td>
\t \t \t \t <td class="A6">A6</td>
\t \t \t \t <td class="A7">A7</td>
\t \t \t </tr>
\t \t </table>
\t \t
\t \t <form class="submit-move" style="display:none;" method="POST" action="submit.php">
\t \t \t <input type="text" class="move" name="move" />
\t \t \t <input type="hidden" name="gameid" class="gameid" value="<?php echo $gameid ?>"/>
\t \t </form>
\t \t
\t \t <?php if ($player != "red") {
\t \t echo '<script>
\t \t \t $(document).ready(function() {
\t \t \t \t $("td").click(function() {
\t \t \t \t \t y = 0;
\t \t \t \t \t r = 0;
\t \t \t \t \t $("td").each(function() {
\t \t \t \t \t \t if ($(this).css("background-color") == "rgb(255, 255, 0)") {
\t \t \t \t \t \t \t y++;
\t \t \t \t \t \t }
\t \t \t \t \t \t if ($(this).css("background-color") == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t r++;
\t \t \t \t \t \t }
\t \t \t \t \t });
\t \t \t \t \t
\t \t \t \t \t if (r > y) {
\t \t \t \t \t \t r++;
\t \t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t \t \t
\t \t \t \t \t \t if ($(a).attr("id") != "selected") {
\t \t \t \t \t \t \t $(a).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(a).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(a);
\t \t \t \t \t \t } else if ($(b).attr("id") != "selected"){
\t \t \t \t \t \t \t $(b).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(b).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(b);
\t \t \t \t \t \t } else if ($(c).attr("id") != "selected"){
\t \t \t \t \t \t \t $(c).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(c).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(c);
\t \t \t \t \t \t } else if ($(d).attr("id") != "selected"){
\t \t \t \t \t \t \t $(d).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(d).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(d);
\t \t \t \t \t \t } else if ($(e).attr("id") != "selected"){
\t \t \t \t \t \t \t $(e).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(e).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(e);
\t \t \t \t \t \t } else if ($(f).attr("id") != "selected"){
\t \t \t \t \t \t \t $(f).css("backgroundColor","yellow");
\t \t \t \t \t \t \t $(f).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(f);
\t \t \t \t \t \t }
\t \t \t \t \t \t $.ajax({
\t \t \t \t \t \t \t url: "api/submit-yellow.php",
\t \t \t \t \t \t \t type: "POST",
\t \t \t \t \t \t \t data: $(".submit-move").serialize(),
\t \t \t \t \t \t \t success: function(result){
\t \t \t \t \t \t \t \t console.log($(".submit-move").serialize());
\t \t \t \t \t \t \t }
\t \t \t \t \t \t }); \t
\t \t \t \t \t } else {
\t \t \t \t \t \t alert("It isnt your turn!");
\t \t \t \t \t }
\t \t \t \t \t
\t \t \t \t \t \t // CHECK FOR CONNECT 4
\t \t \t \t \t \t // REMOVED SOME CODE BECAUSE OF BODY LIMIT ON SO
\t \t \t \t \t
\t \t \t \t \t
\t \t \t \t });
\t \t \t \t $("td").hover(function() {
\t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t $(a).css("border","1px solid yellow");
\t \t \t \t \t $(b).css("border","1px solid yellow");
\t \t \t \t \t $(c).css("border","1px solid yellow");
\t \t \t \t \t $(d).css("border","1px solid yellow");
\t \t \t \t \t $(e).css("border","1px solid yellow");
\t \t \t \t \t $(f).css("border","1px solid yellow");
\t \t \t \t });
\t \t \t \t $("td").mouseout(function() {
\t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t $(a).css("border","1px solid black");
\t \t \t \t \t $(b).css("border","1px solid black");
\t \t \t \t \t $(c).css("border","1px solid black");
\t \t \t \t \t $(d).css("border","1px solid black");
\t \t \t \t \t $(e).css("border","1px solid black");
\t \t \t \t \t $(f).css("border","1px solid black");
\t \t \t \t }); \t
\t \t \t \t
\t \t \t \t var lastMoveYellow = function load() {
\t \t \t \t \t $.ajax({url:"api/move-yellow.php?gameid="+$(".gameid").val(),success:function(result){
\t \t \t \t \t \t var obj = jQuery.parseJSON(result);
\t \t \t \t \t \t var ids = obj.map(function(el) {
\t \t \t \t \t \t \t $($(el.move).css("backgroundColor","yellow"));
\t \t \t \t \t \t });
\t \t \t \t \t }});
\t \t \t \t };
\t \t \t \t loadInterval = setInterval(lastMoveYellow, 1000);
\t \t \t \t
\t \t \t \t var lastMoveRed = function load() {
\t \t \t \t \t $.ajax({url:"api/move-red.php?gameid="+$(".gameid").val(),success:function(result){
\t \t \t \t \t \t var obj = jQuery.parseJSON(result);
\t \t \t \t \t \t var ids = obj.map(function(el) {
\t \t \t \t \t \t \t $($(el.move).css("backgroundColor","red"));
\t \t \t \t \t \t \t $($(el.move).attr("id","selected"));
\t \t \t \t \t \t });
\t \t \t \t \t }});
\t \t \t \t };
\t \t \t \t loadInterval = setInterval(lastMoveRed, 1000);
\t \t \t });
\t \t </script>';
\t \t } else {
\t \t \t echo '<script>
\t \t \t $(document).ready(function() {
\t \t \t \t $("td").click(function() {
\t \t \t \t \t y = 0;
\t \t \t \t \t r = 0;
\t \t \t \t \t $("td").each(function() {
\t \t \t \t \t \t if ($(this).css("background-color") == "rgb(255, 255, 0)") {
\t \t \t \t \t \t \t y++;
\t \t \t \t \t \t }
\t \t \t \t \t \t if ($(this).css("background-color") == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t r++;
\t \t \t \t \t \t }
\t \t \t \t \t });
\t \t \t \t \t
\t \t \t \t \t if (r == y) {
\t \t \t \t \t \t r++;
\t \t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t \t \t
\t \t \t \t \t \t if ($(a).attr("id") != "selected") {
\t \t \t \t \t \t \t $(a).css("backgroundColor","red");
\t \t \t \t \t \t \t $(a).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(a);
\t \t \t \t \t \t } else if ($(b).attr("id") != "selected"){
\t \t \t \t \t \t \t $(b).css("backgroundColor","red");
\t \t \t \t \t \t \t $(b).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(b);
\t \t \t \t \t \t } else if ($(c).attr("id") != "selected"){
\t \t \t \t \t \t \t $(c).css("backgroundColor","red");
\t \t \t \t \t \t \t $(c).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(c);
\t \t \t \t \t \t } else if ($(d).attr("id") != "selected"){
\t \t \t \t \t \t \t $(d).css("backgroundColor","red");
\t \t \t \t \t \t \t $(d).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(d);
\t \t \t \t \t \t } else if ($(e).attr("id") != "selected"){
\t \t \t \t \t \t \t $(e).css("backgroundColor","red");
\t \t \t \t \t \t \t $(e).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(e);
\t \t \t \t \t \t } else if ($(f).attr("id") != "selected"){
\t \t \t \t \t \t \t $(f).css("backgroundColor","red");
\t \t \t \t \t \t \t $(f).attr("id","selected");
\t \t \t \t \t \t \t $(".move").val(f);
\t \t \t \t \t \t }
\t \t \t \t \t \t \t $.ajax({
\t \t \t \t \t \t \t \t url: "api/submit-red.php",
\t \t \t \t \t \t \t \t type: "POST",
\t \t \t \t \t \t \t \t data: $(".submit-move").serialize(),
\t \t \t \t \t \t \t \t success: function(result){
\t \t \t \t \t \t \t \t \t \t console.log("working");
\t \t \t \t \t \t \t \t }
\t \t \t \t \t \t \t });
\t \t \t \t \t \t } else {
\t \t \t \t \t \t \t alert("It isnt your turn!");
\t \t \t \t \t \t }
\t \t \t \t \t \t
\t \t \t \t \t \t
\t \t \t \t \t \t // CHECK FOR CONNECT 4
\t \t \t \t \t \t var a1 = $(".a1").css("background-color");
\t \t \t \t \t \t var a2 = $(".a2").css("background-color");
\t \t \t \t \t \t var a3 = $(".a3").css("background-color");
\t \t \t \t \t \t var a4 = $(".a4").css("background-color");
\t \t \t \t \t \t var a5 = $(".a5").css("background-color");
\t \t \t \t \t \t var a6 = $(".a6").css("background-color");
\t \t \t \t \t \t var a7 = $(".a7").css("background-color");
\t \t \t \t \t \t var b1 = $(".b1").css("background-color");
\t \t \t \t \t \t var b2 = $(".b2").css("background-color");
\t \t \t \t \t \t var b3 = $(".b3").css("background-color");
\t \t \t \t \t \t var b4 = $(".b4").css("background-color");
\t \t \t \t \t \t var b5 = $(".b5").css("background-color");
\t \t \t \t \t \t var b6 = $(".b6").css("background-color");
\t \t \t \t \t \t var b7 = $(".b7").css("background-color");
\t \t \t \t \t \t var c1 = $(".c1").css("background-color");
\t \t \t \t \t \t var c2 = $(".c2").css("background-color");
\t \t \t \t \t \t var c3 = $(".c3").css("background-color");
\t \t \t \t \t \t var c4 = $(".c4").css("background-color");
\t \t \t \t \t \t var c5 = $(".c5").css("background-color");
\t \t \t \t \t \t var c6 = $(".c6").css("background-color");
\t \t \t \t \t \t var c7 = $(".c7").css("background-color");
\t \t \t \t \t \t var d1 = $(".d1").css("background-color");
\t \t \t \t \t \t var d2 = $(".d2").css("background-color");
\t \t \t \t \t \t var d3 = $(".d3").css("background-color");
\t \t \t \t \t \t var d4 = $(".d4").css("background-color");
\t \t \t \t \t \t var d5 = $(".d5").css("background-color");
\t \t \t \t \t \t var d6 = $(".d6").css("background-color");
\t \t \t \t \t \t var d7 = $(".d7").css("background-color");
\t \t \t \t \t \t var e1 = $(".e1").css("background-color");
\t \t \t \t \t \t var e2 = $(".e2").css("background-color");
\t \t \t \t \t \t var e3 = $(".e3").css("background-color");
\t \t \t \t \t \t var e4 = $(".e4").css("background-color");
\t \t \t \t \t \t var e5 = $(".e5").css("background-color");
\t \t \t \t \t \t var e6 = $(".e6").css("background-color");
\t \t \t \t \t \t var e7 = $(".e7").css("background-color");
\t \t \t \t \t \t var f1 = $(".b1").css("background-color");
\t \t \t \t \t \t var f2 = $(".b2").css("background-color");
\t \t \t \t \t \t var f3 = $(".b3").css("background-color");
\t \t \t \t \t \t var f4 = $(".b4").css("background-color");
\t \t \t \t \t \t var f5 = $(".b5").css("background-color");
\t \t \t \t \t \t var f6 = $(".b6").css("background-color");
\t \t \t \t \t \t var f7 = $(".b7").css("background-color");
\t \t \t \t \t \t if (a1 && a2 && a3 && a4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("1");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a2 && a3 && a4 && a5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("2");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a3 && a4 && a5 && a6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("3");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a4 && a5 && a6 && a7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("4");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b1 && b2 && b3 && b4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("5");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b2 && b3 && b4 && b5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("6");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b3 && b4 && b5 && b6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("7");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b4 && b5 && b6 && b7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t \t console.log("8");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c1 && c2 && c3 && c4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c2 && c3 && c4 && c5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c3 && c4 && c5 && c6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c4 && c5 && c6 && c7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (d1 && d2 && d3 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (d2 && d3 && d4 && d5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (d3 && d4 && d5 && d6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (d4 && d5 && d6 && d7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e1 && e2 && e3 && e4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e2 && e3 && e4 && e5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e3 && e4 && e5 && e6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e4 && e5 && e6 && e7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f1 && f2 && f3 && f4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f2 && f3 && f4 && f5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f3 && f4 && f5 && f6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f4 && f5 && f6 && f7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t
\t \t \t \t \t \t if (a1 && b1 && c1 && d1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e1 && b1 && c1 && d1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f1 && e1 && c1 && d1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a2 && b2 && c2 && d2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e2 && b2 && c2 && d2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f2 && e2 && c2 && d2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a3 && b3 && c3 && d3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e3 && b3 && c3 && d3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f3 && e3 && c3 && d3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a4 && b4 && c4 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e4 && b4 && c4 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f4 && e4 && c4 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a5 && b5 && c5 && d5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e5 && b5 && c5 && d5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f5 && e5 && c5 && d5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a6 && b6 && c6 && d6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e6 && b6 && c6 && d6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f6 && e6 && c6 && d6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a7 && b7 && c7 && d7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (e7 && b7 && c7 && d7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (f7 && e7 && c7 && d7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t
\t \t \t \t \t \t if (c1 && d2 && e3 && f4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b1 && c2 && d3 && e4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c2 && d3 && e4 && f5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a1 && b2 && c3 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b2 && c3 && d4 && f5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c3 && d4 && e5 && f6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a2 && b3 && d4 && e5 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b3 && c4 && d5 && e6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c4 && d5 && e6 && f7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a3 && b4 && c5 && d6 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b4 && c5 && d6 && e7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a4 && b5 && c6 && d7 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t
\t \t \t \t \t \t if (a4 && b3 && c2 && a1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a5 && b4 && c3 && d2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b4 && c3 && d2 && e1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a6 && b5 && c4 && d3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b5 && c4 && d3 && e2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c4 && d3 && e2 && f1 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (a7 && b6 && c5 && d4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b6 && c5 && d4 && e3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c5 && d4 && e3 && f2 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (b7 && c6 && d5 && e4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c6 && d5 && e4 && f3 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t \t if (c7 && d6 && e5 && f4 == "rgb(255, 0, 0)") {
\t \t \t \t \t \t \t alert("red wins");
\t \t \t \t \t \t }
\t \t \t \t \t });
\t \t \t \t
\t \t \t \t \t $("td").hover(function() {
\t \t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t \t $(a).css("border","1px solid red");
\t \t \t \t \t \t $(b).css("border","1px solid red");
\t \t \t \t \t \t $(c).css("border","1px solid red");
\t \t \t \t \t \t $(d).css("border","1px solid red");
\t \t \t \t \t \t $(e).css("border","1px solid red");
\t \t \t \t \t \t $(f).css("border","1px solid red");
\t \t \t \t \t });
\t \t \t \t \t $("td").mouseout(function() {
\t \t \t \t \t \t var column = $(this).attr("class").substring(1,2);
\t \t \t \t \t \t var a = ".A" + column;
\t \t \t \t \t \t var b = ".B" + column;
\t \t \t \t \t \t var c = ".C" + column;
\t \t \t \t \t \t var d = ".D" + column;
\t \t \t \t \t \t var e = ".E" + column;
\t \t \t \t \t \t var f = ".F" + column;
\t \t \t \t \t \t $(a).css("border","1px solid black");
\t \t \t \t \t \t $(b).css("border","1px solid black");
\t \t \t \t \t \t $(c).css("border","1px solid black");
\t \t \t \t \t \t $(d).css("border","1px solid black");
\t \t \t \t \t \t $(e).css("border","1px solid black");
\t \t \t \t \t \t $(f).css("border","1px solid black");
\t \t \t \t \t }); \t
\t \t \t \t \t
\t \t \t \t \t var lastMoveYellow = function load() {
\t \t \t \t \t \t $.ajax({url:"api/move-yellow.php?gameid="+$(".gameid").val(),success:function(result){
\t \t \t \t \t \t \t var obj = jQuery.parseJSON(result);
\t \t \t \t \t \t \t var ids = obj.map(function(el) {
\t \t \t \t \t \t \t \t $($(el.move).css("backgroundColor","yellow"));
\t \t \t \t \t \t \t \t $($(el.move).attr("id","selected"));
\t \t \t \t \t \t \t });
\t \t \t \t \t \t }});
\t \t \t \t \t };
\t \t \t \t \t loadInterval = setInterval(lastMoveYellow, 1000);
\t \t \t \t \t
\t \t \t \t \t var lastMoveRed = function load() {
\t \t \t \t \t \t $.ajax({url:"api/move-red.php?gameid="+$(".gameid").val(),success:function(result){
\t \t \t \t \t \t \t var obj = jQuery.parseJSON(result);
\t \t \t \t \t \t \t var ids = obj.map(function(el) {
\t \t \t \t \t \t \t \t $($(el.move).css("backgroundColor","red"));
\t \t \t \t \t \t \t });
\t \t \t \t \t \t }});
\t \t \t \t \t };
\t \t \t \t \t loadInterval = setInterval(lastMoveRed, 1000);
\t \t \t \t });
\t \t </script>';
\t \t }
\t \t ?>
\t </body>
</html>
檢查四個如果你的任何一個＃變量等於0那麼這將等於錯誤。 – Scott
你能發佈整個代碼嗎？我敢打賭，你有一個語法錯誤的地方可能會導致你正在解釋的。 – Scott
@Scott我發佈了整個代碼。再次看看和閱讀可能是可怕的，但我是新的。 – ConorReidd