Ajax 在一页WordPress布局上提交后,RSVP表单如何保持在同一部分

Ajax 在一页WordPress布局上提交后,RSVP表单如何保持在同一部分,ajax,wordpress,Ajax,Wordpress,我有一个单页布局的WordPress页面,底部有一个RSVP表单,RSVP表单工作正常 问题: 当我试图提交客人的名字时,页面会被加载,你现在会被带到页面的最顶端,而不是底部,在那里你会继续填写RSVP表格。RSVP表单有两部分,第一部分是客人的姓名,第二部分是RSVP选项的实际选择。因此,提交后,您需要在页面底部向下滚动,看看您是否正确输入了姓名,或者您的RSVP是否已完成 这个RSVP表单是来自WordPress:RSVP插件的插件 我只想使用这个RSVP表单处理一页的布局 我正在思考的一些

我有一个单页布局的WordPress页面,底部有一个RSVP表单,RSVP表单工作正常

问题:

当我试图提交客人的名字时,页面会被加载,你现在会被带到页面的最顶端,而不是底部,在那里你会继续填写RSVP表格。RSVP表单有两部分,第一部分是客人的姓名,第二部分是RSVP选项的实际选择。因此,提交后,您需要在页面底部向下滚动,看看您是否正确输入了姓名,或者您的RSVP是否已完成

这个RSVP表单是来自WordPress:RSVP插件的插件

我只想使用这个RSVP表单处理一页的布局

我正在思考的一些解决方案:

  • AJAX——我认为使用AJAX可以做到这一点,但我真的不知道如何将AJAX应用到插件和WordPress页面中。我试着安装AJAX插件,但我不知道该怎么做
  • 锚定标记-我认为如果URL末尾有锚定标记,页面将强制浏览器停留在RSVP部分所在的页面底部。但当您在一页布局的每个部分上滚动时,这个锚定标记应该会自动出现。但是我该怎么做呢

  • 我也试过苹果酱,但我真的不知道怎么做。每当我提交表单时,都会弹出一个警报。

    您的两个解决方案看起来都不错,但您可能需要修改RSVP插件以支持这些解决方案。您好@gaborlenard,假设我可以编辑RSVP插件,您知道有什么解决方法吗?