我正在寻找一种方式来有一个重力表单的页面上,而是把它分解成多个部分,然后显示与jQuery /隐藏部分。我很高兴显示和隐藏部分,但我需要以下方面的帮助:添加容器重力窗体部分,而不是“页面”,而不是“部分”打破
如何在一组重力表单域中放置一些引用能元素,以便我可以将它们定位到显示/隐藏以块为单位。
内置的“页”功能实际上重新加载页面的WordPress显示第二组字段。我的设计师坚持认为,这种形式应该是平滑的,单页式,褪色和结实的外观。
干杯, 本
我正在寻找一种方式来有一个重力表单的页面上,而是把它分解成多个部分,然后显示与jQuery /隐藏部分。我很高兴显示和隐藏部分,但我需要以下方面的帮助:添加容器重力窗体部分,而不是“页面”,而不是“部分”打破
如何在一组重力表单域中放置一些引用能元素,以便我可以将它们定位到显示/隐藏以块为单位。
内置的“页”功能实际上重新加载页面的WordPress显示第二组字段。我的设计师坚持认为,这种形式应该是平滑的,单页式,褪色和结实的外观。
干杯, 本
您可以针对李娜的重力形式将创建使用jQuery和隐藏起来。然后点击按钮,您可以再次显示它们。这里没有动画,只是隐藏/显示。如果你愿意,你可以添加一些像淡入淡出的动画。
很明显,您需要更改#field_1_1
和#field_1_2
以匹配要隐藏/显示的li上的ID以及click功能的ID。你可以放置尽可能多的,只需用逗号分隔它们。
这是一个快速和简单的解决方案。让我知道这个是否奏效。
<script type="text/javascript">
jQuery(document).ready(function() {
jQuery('#field_1_1, #field_1_2').hide();
jQuery('#idOfClickElement').click(function() {
jQuery('#field_1_1, #field_1_2').show();
});
});
</script>
我敢肯定,你知道在你的主题文件,把这个代码,但如果没有,包括它的权利在header.php中闭幕</head>
标签之前或右侧前footer.php收盘</body>
标签。
将隐藏的元素显示基于选择或来自同一形式的前一个元素的输入?或者它是否会触发表现隐藏元素的触发器? – AndyWarren
嗨安迪,我想使用窗体外的按钮,并且条目/选择不会有效果。 –
如果您使用外部元素来触发显示效果,jQuery可能会成为路由。如果您在表单中使用元素,则可以使用内置在条件特征中的Gravity Forms。请参阅下面的答案。 – AndyWarren