jquery - FancyBox加载后调用函数

Question

我正在尝试让 FancyBox 加载包含表单的文件。我想使用 jQuery Validate 插件来验证，但是在回调之前表单没有被添加到 DOM 中。

afterLoad 选项确实会打开一个警报，但它实际上是在加载 ajax 内容之前打开的。

我可以在加载的文件中添加一个 href，单击该文件时会运行 validate()，但有趣的是，只有当我通过 ID 而不是类调用表单时，它才有效，因为同一页面上还有另一个表单与该类。

我有以下代码:

<a href="/url" class="fancy fancybox.ajax">link</a></li> 



$(".fancy").fancybox({
    maxWidth    : 800,
    maxHeight   : 600,
    fitToView   : false,
    width       : '70%',
    height      : '70%',
    autoSize    : false,
    closeClick  : false,
    openEffect  : 'none',
    closeEffect : 'none',
    afterLoad: function() {
      //$(".validateMe").validate();
      alert(987987);
    }
});


<form id="someId" action="javascript:someFunction();" class="validateMe" method="post">

Answer 1

尝试使用 ajax 选项及其 complete 事件:

$(".fancy").fancybox({
    // ...
    ajax: {
        complete: function(jqXHR, textStatus) {
            $(".validateMe").validate();
        }
    }
});