javascript - 表格的 Onclick 不起作用

Question

我正在使用 Cordova 构建一个 html5 电话应用程序，并且在几个页面中我使用表格充当按钮。在除了一个页面之外的每个页面中，这都可以正常工作，但在一个页面上 onclick 事件不会触发

这是表格的 HTML

<div id="buttonHolder" class="MiniButtonGridHolder">
                <table id="AddButton" class="ButtonGrid" >
                    <tr>
                        <td>
                            <p id="AddLink" class="clickableLinks">Add</p>
                        </td>
                    </tr>
                </table>
            </div>

这是用于设置 onlick 事件的 JavaScript

function SetButton()
                {
                 console.log("next one");
                      var CurrentTable = document.getElementById("AddButton");

                      console.log($(CurrentTable).attr('id'));
                      CurrentTable.onclick = function () {
                          Console.log("set");
                          AddWorkItem();
                      };
                 console.log("NOW SET");
                }

AddWorkItem 函数

function AddWorkItem()
                {
                    console.log("Started");
}

当我运行这段代码时，除了单击按钮时执行的两个控制台日志(IE 设置和启动)之外，所有 console.logs 都可以工作。 Jquery 甚至可以获得正确的表 ID。

我确信这个解决方案会让我因为没有看到它而踢自己，但目前我花了大约 3 个小时试图找出我哪里出了问题，但找不到任何东西。

有人能看出我哪里出了问题吗？

编辑

我在这里调用这段代码

     $(document).on('pagecontainershow', function (event,ui) {
    SetButton();

}

我在这里复制了这个问题: http://jsfiddle.net/p4bR9/2/

Answer 1

您需要调用SetButton()，它是console而不是Console

jsFiddle