javascript - 似乎无法让 jQuery .on 启动

Question

我正在尝试以特定方式设置客户端验证。我有一些动态的表单，在单击按钮或执行某些操作之前不会显示。所以，这就是我正在做的:

$(function() {
    $('#content').on('load', 'form', function(e) {
        /* every form will be inside of div#content */
        setUpStuff();
    });
});

然后如果按下一个按钮:

$('#my-button').click(function() {
    displayForm();
    $('form').trigger('load');
});

问题是当该事件被触发时这个绑定(bind)到触发的函数永远不会触发。我知道页面加载后 div#content 存在，因为它是静态的。形式是动态的。但是，即使将表单作为静态标记放入页面中并且在页面加载时可用，$('form').trigger('load'); 仍然不起作用。

这段代码哪里出错了？

Answer 1

尝试使用自定义事件名称，已知 load 事件不会正确冒泡，在这种情况下并不能真正描述正在发生的事情。

$(function() {
    $('#content').on('create', 'form', function(e) {
        /* every form will be inside of div#content */
        setUpStuff();
    });
    $('#my-button').click(function() {
        displayForm();
       $('form').trigger('create');
    });
});