jQuery：自定义事件不运行

Question

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

jQuery 文件(简体(：

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

说明：内存"卡"在初始加载后使用其他(工作(jQuery代码加载到页面上。一个 .carddiv 分别加载到一个 .card-griddiv 中。我需要运行翻转方法才能使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，它们是.card-grid的子元素。

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