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");
    });
});

说明：内存＆＃34;卡＆＃34;在使用其他（工作）jQuery代码进行初始加载后加载到页面上。一个.card div被加载到一个.card-grid div中。我需要运行jQuery-flip插件的翻转方法才能工作。 jQuery版本是2.1.4（翻转赢了并且在更新的版本上运行）。

如果我用第一种方法替换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...功能提供了更好的目标。

jQuery：自定义事件无法运行

1 个答案: