1

我目前遇到了一个 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");
    });
});

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

例如，如果我myEvent在第一种方法中替换为click，我只需单击其中一张卡片，该功能就可以正常运行。

如果我创建另一个函数，让我们说

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

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

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

4

1 回答 1

0

您的方法是正确的，但是，$(".card-grid").on("myEvent", '.card', funct...目标是所有 div.card的子元素.card-grid。

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

于 2017-03-16T21:42:34.863 回答