JQuery 在 Windows 个小工具中

JQuery in Windows Gadgets

我有一个非常简单的 Windows 小工具,我正在尝试将其转换为 JQuery。这样做是为了减少代码并帮助我熟悉 JQuery,这对我来说是新的。

它基本上由一个 table 组成,当您单击一个单元格时,它会用一个 X 填充该单元格。这在 JavaScript 中工作正常,但我想让它工作在 JQuery。还有一个按钮可以清除所有单元格。

我在浏览器中打开小工具 HTML 时一切正常,但是当我 运行 windows 小工具 $("td").未检测到点击事件。

这是一个演示问题的简化示例。在浏览器中,单击 td 会在单元格中放置一个“X”,然后单击该按钮将清除整个 table 但在小工具引擎中,td 事件永远不会触发。

知道为什么吗?

谢谢。

$(document).ready(function()
{
    $("td").click(function()
    {
        $(this).text("X");
    });

    $("button").click(function()
    {
        $("td").text("");
    });
});

编辑添加:详细地说,td.click 事件永远不会触发,但它会捕获冒泡事件。换句话说,我在每个单元格中添加了一个与 table 单元格大小相同的透明图像。单击 IMG 时,事件将冒泡并触发 td.click 事件。

这是一个令人满意的解决方法,但我仍然想知道为什么 td.click 在 windows-gadget 引擎中完全失败,以及是否有任何解决方案。

以防其他人遇到此问题,这是我最终采用的解决方法:

    $('td').html('<img src="./images/Blank.png" />');

其中Blank.png是与td大小相同的完全透明图像。没有实际的代码与之相关联,但是当您单击它时,事件会冒泡到 table 单元格并且一切正常。