jquery – 从Form输入type =“submit”打开Fancybox(或等同)

前端之家收集整理的这篇文章主要介绍了jquery – 从Form输入type =“submit”打开Fancybox(或等同)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有办法得到一个fancybox( http://fancy.klade.lv/)或任何
其他灯箱提交一个FORM(带图像按钮)?

HTML看起来像这样:

  1. <form action="/ACTION/FastFindObj" method="post">
  2. <input name="fastfind" class="fastfind" value="3463" type="text">
  3. <input name="weiter" type="submit">
  4. </form>

这些不会做:

  1. $("form").fancybox();
  2. $("input").fancybox();
  3. $("input[name='weiter']").fancybox();

任何人发现我的错误或有解决方法或替代方法
脚本?提前致谢

解决方法

我相信所有其他答案都错过了这个问题(除非我是一个误会)。我认为作者想要的是让表单提交时,其结果显示在一个fancybox中。我没有发现任何其他答案提供了这个功能

为了实现这一点,我使用jQuery Form Plugin(http://malsup.com/jquery/form/)来轻松地将表单转换成ajax调用。然后我使用成功回调通过手动调用$ .fancybox()将响应加载到fancybox中。

  1. $(document).ready(function() {
  2. $("#myForm").ajaxForm({
  3. success: function(responseText){
  4. $.fancybox({
  5. 'content' : responseText
  6. });
  7. }
  8. });
  9. });

因此,不是将fancybox连接到某些人造< a>标签,您将ajaxForm附加到表单本身。

猜你在找的jQuery相关文章