【问题标题】:dynamically populate Gravity Forms without page reload / anchor down to form动态填充重力表单,无需页面重新加载/锚定到表单
【发布时间】:2014-05-03 17:36:48
【问题描述】:

我在我的 WP 网站上使用 Gravity Forms,当点击特定链接时,我希望页面向下滚动到将动态填充相应字段的联系表单。

我的动态人口部分正在工作,但我的问题是所讨论的项目是那些长的一页网站之一......所以当点击链接时,页面重新加载并将用户带回顶部,这很混乱。如果此时您向下滚动到表单,您可以看到该字段已正确填充,但我正在寻找一种方法来执行此操作而不需要重新加载页面(ajax?)所以它们只是锚定到现在填充的表格。

嵌入模板的表单:

<?php gravity_form(1, false, false, false, '', true); ?>

表格链接:

<a href="?message=Testing message">contact us</a>

【问题讨论】:

  • 如果您使用哈希直接链接到页面的该部分会怎样,如下所述:stackoverflow.com/questions/2835140/…
  • 感谢您的建议,但我没有走这条路(div 的 id 是“联系人”)&lt;a href="#contact?message=Testing message"&gt;contact us&lt;/a&gt; 在单击时无效,而&lt;a name="#contact" href="?message=Testing message"&gt;contact us&lt;/a&gt; 确实成功地动态填充字段但锚点无效/页面重新加载并滚动到顶部:/

标签: ajax wordpress gravity-forms-plugin


【解决方案1】:

URL 参数的写入顺序很重要。这种结构不起作用:

#contact?message=Testing message

但 ID 应在末尾:

?message=Testing message#contact

这篇文章让我明白了这一点: Correct way to pass multiple values for same parameter name in GET request

【讨论】:

  • 交换项目以使锚链接在最后肯定对我有用。谢谢杰克!
猜你喜欢
  • 2015-03-29
  • 2018-02-24
  • 1970-01-01
  • 2020-07-29
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-07-26
相关资源
最近更新 更多