jQuery：自定义事件没有 运行

Question

我目前遇到了一个 jQuery 问题，到目前为止我花了好几个小时，但我仍然无法弄清楚到底出了什么问题。 长话短说 - 我的代码是用 Play Framework 编写的记忆游戏的一部分。

jQuery 文件（简体）：

$(document).ready(function () {
    $(".card-grid").on("myEvent", '.card', function (event) {
        $(".card-grid").flip({
            trigger: 'click'
        });
    });
    $("#triggerButton").click(function () {
        $(".card-grid").trigger("myEvent");
    });
});

说明：内存 "cards" 在初始加载后使用其他（有效）jQuery 代码加载到页面上。一张 .card div 分别加载到一个 .card-grid div 中。我需要 运行 flip 方法才能使 jQuery-flip 插件正常工作。 jQuery 版本是 2.1.4（flip 不会 运行 在更新的版本上）。

如果我将第一种方法中的 myEvent 替换为 click，我只需单击其中一张卡片，函数 运行 就可以了。

如果我创建另一个函数，假设

$(".test").on("myEvent", function (events) {
    $(this).text("Testtext").show();
});

并更改按钮的目标，文本在 .test 对象中显示得很好。

如果有人能告诉我哪里出了问题，我将不胜感激。

Answer 1

您的方法是正确的，但是，$(".card-grid").on("myEvent", '.card', funct... 以所有名为 .card 的 div 为目标，这些 div 是 .card-grid.

的子元素

因此，$(".card-grid .card").trigger("myEvent"); 为您的 $("#triggerButton").click... 功能提供了更好的目标。