jquery - Fancybox v2.1.3 ajax加载表单

Question

再次向所有花式盒爱好者致敬。我被 ajax 卡住了，将外部 html 表单加载到当前查看的 html 文件中。我在以这种方式引入 html 的标记中使用带有 class="fancybox.ajax" 的隐藏触发器：

$('body').prepend('<a class="fancybox fancybox.ajax" href="form.html" style="display: none;"></a>');

以便接下来可以通过以下方式将表单带入 html：

$(".fancybox.ajax").trigger('click'); 

但这失败了。也许我需要“开”或“活”。我不知道是否有更好的方法来实现这一点。然后我想对表单提交进行一些js检查，但这将如何运行？也许对“on”有一些好处

 $('#submit').on(click, function({ .... }));  

任何帮助都感激不尽。

Answer 1

不如试试

$(".fancybox").trigger('click'); 

...该类fancybox用于将此类选择器绑定到fancybox，而fancybox.ajax该类用于定义内容的类型（您不需要使用live，因为fancybox v2.x已经使用了该方法）

另一方面，如果您想对表单提交执行一些操作，请尝试将.on()方法绑定到form选择器（而不是submit按钮），例如

$('#formSelector').on("submit", function({ //do somthing })); 

Answer 2

好的，提交带有ajax的表单的答案只是

$("#submit").live('click', function() { ... });

到现在为止，我绝不能让 on() 工作。