使用JavaScript和Jquery进行事件处理

Question

我正在尝试使用javascript和jquery以及php创建一个tic tac toe浏览器游戏。

我让董事会安排了我喜欢使用桌子并适当添加边框的方式。 井字游戏板中的每个单元格都有自己的唯一ID，例如左上，右上，左下等。

为了进行测试，在我什至无法编写支持游戏的代码之前，我试图让“ 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>

按照我的逻辑，页面将加载，然后topleft将获得一个Click侦听器。 单击该单元格后，侦听器将跳闸，然后调用功能标记在该单元格中放置一个X，但是页面上没有可单击的内容，此后也没有任何标记。

如果有人发现错误或有建议，我将不胜感激！

此外，如果您对井字游戏板背后的逻辑进行编程有什么想法（一点也不花哨），我也将不胜感激。

Answer 1

尝试这种方式：

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

下一步，不要直接使用#topleft ，而要使用通用大小写className（ $('.tictactoe-case') ）以免重复。

祝好运！

使用JavaScript和Jquery进行事件处理

问题描述

1 个解决方案

解决方案1
0 已采纳 2012-11-13 03:11:24

使用JavaScript和Jquery进行事件处理

问题描述

1 个解决方案

解决方案1 0 已采纳 2012-11-13 03:11:24

解决方案1
0 已采纳 2012-11-13 03:11:24