使用JavaScript和Jquery處理事件

我正在嘗試創建一個利用javascript和jquery的tic tac toe瀏覽器遊戲，並可能使用php。使用JavaScript和Jquery處理事件

我有董事會安排如何利用表格和適當添加邊框。 tic tac toe板中的每個單元格都有其自己的唯一標識，例如，topleft，topright，botleft等。

出於測試目的，在開始編寫支持遊戲的代碼之前，我試圖獲得當用戶點擊一個合適的點時出現「X」，但我沒有運氣。

這裏是JavaScript我到目前爲止：

<script type="text/javascript"> 

       function mark() 
       { 
         document.getElementById('topleft').innerHTML = "X"; 
       } 

       function init() 
       { 
         var button = document.getElementById('topleft'); 
         button.addEventListener('click', mark, false); 
       } 

       $(document).ready(function() 
       { 
         $('#topleft').click(function() 
         { 
         }); 

       }); 
     </script>

這裏是HTML：

<body> 
     <div> 
       <table> 
         <tr> 
           <td id="upleft"> 
           </td> 
           <td id="upcenter"> 
           </td> 
           <td id="upright"> 
           </td> 
         </tr> 
         <tr>

通過我的邏輯，頁面加載，然後左上獲得點擊收聽。在單擊該單元格後，偵聽器將被觸發，然後調用函數標記以將X放置在單元格中，但是頁面上沒有任何內容可點擊，並且之後不會出現標記。

如果任何人都可以發現錯誤或有建議，我將不勝感激！另外，如果您對編程tic tac toe板背後的邏輯有任何想法（沒什麼特別的），我也會感激不盡。

來源

2012-11-13 ZAX

您的代碼是重擊，請先查看一些jQuery教程！ –

試試這樣說：

$('#topleft').click(function() { 
    $(this).text('X'); 
});

下一步，不直接使用#topleft，但一般情況下，類名（$('.tictactoe-case')）不重複自己。

祝你好運！

來源

2012-11-13 03:11:24

使用JavaScript和Jquery處理事件

回答

相關問題