我有一个单页布局的 WordPress 页面和底部的 RSVP 表单,并且 RSVP 表单工作得很好。
问题:
当我尝试提交客人姓名时,页面会加载,您现在将被带到页面的最顶部而不是底部,您将继续填写 RSVP 表格。RSVP 表格有两部分,第一部分是客人的姓名,第二部分是 RSVP 选项的实际选择。因此,提交后,您需要在页面底部向下滚动,以查看您输入的姓名是否正确或您的 RSVP 是否已完成。
此 RSVP 表单是来自 WordPress 的插件:RSVP 插件
我只想使用此 RSVP 表单来处理单页布局。
我正在考虑的一些解决方案:
- AJAX - 我认为使用 AJAX 可以解决问题,但我真的不知道如何将 AJAX 放入插件和我的 WordPress 页面中。我尝试安装 AJAX 插件,但不知道如何解决。
- ANCHOR TAG - 我认为如果 URL 末尾有一个锚标记,页面将强制浏览器停留在 RSVP 部分所在页面的底部。但是,当您在一个页面布局的每个部分上滚动时,这个锚标记应该会自动出现。但我将如何做到这一点?
我也尝试了 malsup 的Jquery Form Plugin,但我真的不知道如何使用它。每当我提交表单时,都会弹出一个警报。