问题标签 [ninja-forms]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
166 浏览

wordpress - 如何将类添加到忍者表单的隐藏字段和分隔符

当我将任何元素 id 添加到任何文本字段时,它会作为一个类添加。但是当我对 Ninja Form 中的隐藏字段做同样的事情时,它并没有作为一个类添加。

我怎样才能做到这一点?

0 投票
1 回答
2296 浏览

javascript - Ninja Forms - Backbone / Marionette 上的 Form ready / init 事件

我目前正在使用 WordPress 的“NinjaForms”插件,它为后端提供自定义表单管理。它基于 Marionette / Backbone JS。经过一番研究,我在输入更改和表单提交时触发 JavaScript 函数没有问题。但是,一旦表单被初始化/呈现/显示(实际上是其中任何一个),我还没有找到一种方法来捕获事件。

我现在正在做的是初始化 Marionette 对象,将侦听器添加到收音机,然后添加函数以在事件中执行它:

但是,这条线this.listenTo( Backbone.Radio.channel( 'forms' ), 'view:show', this.initAction);不工作。我已经尝试了事件,,,,但view:render没有view:show成功。show:viewrender:view

我在 Backbone / Marionette 文档中进行了搜索,但找不到合适的事件。这个问题可能是重复的,但我真的找不到关于 Backbone 的表单初始化事件的任何主题。

0 投票
1 回答
160 浏览

wordpress - Wordpress Ninija 表单重定向

我试图按条件重定向到另一个表单/页面。我在 Wordpress 4.9 中使用了 Ninja Forms (3.3. )。. 我创建了 webhook。

以下是代码

wp_redirect 不起作用。我怎样才能?

更新 - -

添加“exit();”后

在此处输入图像描述

但不重定向到thankyou页面。

更新 - -

由完成

https://www.inkthemes.com/how-you-can-easy-create-customized-form-in-wordpress/

0 投票
1 回答
343 浏览

wordpress - 如果 Webhooks 响应错误,则停止 Ninja Forms 的进度

我正在 Wordpress 中设置 Ninja Forms。我想使用 Webhooks 扩展将代码发布到外部 URL。如果代码正确,Ninja Forms 应该继续提交数据。如果代码错误,则用户应收到错误消息并重试。

我该怎么做,如果中断提交,我看不到任何办法?

0 投票
2 回答
2050 浏览

jquery - Ninja 表单:多部分表单 - 字段单击的下一步 (jQuery)

我在使用 Ninja Forms + Multi Step 表单插件实现 jQuery 点击事件时遇到了麻烦。目标是消除用户单击“下一步”按钮的需要。

使用以下功能,我可以成功触发单击下一步按钮,但仅限于第一步。一旦第二步加载整个函数似乎是未绑定的(由于 DOM 的变化?)。

有没有更好的解决方案来实现这一目标?我似乎在 Multi-Part Form 插件上找不到任何具体的开发人员资源。

0 投票
1 回答
2058 浏览

javascript - 使用内联样式(CSS 或 jQuery)的过渡动画

我正在使用 Ninja Forms Multi-Part Form 插件附带的进度条,这是进度条的设置。

当我前进到多部分表单的每个后续部分时,一些 JS 或 jQuery 会更改 inlinestyle属性的宽度,.nf-progress div并且进度条会随着每个步骤的完成而填充。

为了帮助您进行可视化,这是我的 UI 在样式中的样子。

这是我的样式进度条的样子,以帮助您将其可视化

我希望进度条在.nf-progress每个步骤完成时为 div 设置动画。我以为它会像 一样简单transition: width 1s ease;,但它不起作用(即使使用-webkit-transition)。这是我尝试过的。

我做了更多调查,发现您不能使用transitioncss 属性为内联样式设置动画。不知道为什么,但显然你不能这样做。

我一直在挖掘,发现一篇文章让我用纯 css 动画关键帧更接近这里。

这里的好处是我实际上得到某种动画。这种方法的问题在于动画从width:0%进度条的每一步开始。我希望元素从以前的宽度(无论它是什么)过渡到新的内联样式宽度。

有谁知道如何用 CSS 来做到这一点,或者是否有办法用 jQuery 来完成这个?

0 投票
0 回答
75 浏览

wordpress - 忍者形式-Constant Contact WP Plugin

是否可以为单个 ninja form-contact 表单添加多个固定联系人列表?

正如您在下面的屏幕截图中看到的那样,我在恒定联系部分添加了一个复选框。

在此处输入图像描述

发布表单后复选框未选中。

0 投票
1 回答
212 浏览

jquery - jQuery:从动态模式显示静态文本

我正在使用带有 WP Ninja Forms 插件和 UIKit 模态组件的 jQuery 来创建和显示来自 Ninja Forms 问卷的动态警报。

我已经搜索了如何与 Ninja Forms 以及 jQuery 和 UIKit javascript 函数进行交互。这是代码:

基本上,我有 10 个不同的症状类别,每个症状类别都有多个问卷,每个问卷都有警报文本,当触发按钮时要显示。警报文本在标签内的 Ninja Forms 内是静态的,aside并且被拉出并显示到.alertModal figcaption h2.

这是当浏览器加载 Set 2,然后单击按钮 Yes。没有警报文本显示。 第一次点击按钮结果

这是当您单击“否”按钮并返回“是”按钮时,会显示警报文本。 第二次点击按钮结果

这里的问题是当我到达“Set 2”并单击一个按钮时,警报模式应该打开,并且在按钮触发后静态文本也应该就位。

注意:根据我的观察,nfFormReady浏览器完成加载后似乎没有立即加载。或者它可能是别的东西?

0 投票
1 回答
3465 浏览

php - 如何从 Ninja Forms 获取数据以显示在前端?

我只知道一点Javascript,我还不是程序员。我创建了一个Ninja Forms在我的 Wordpress 网站中使用。当用户填写表单的 4 个字段并按Submit时,我需要这些数据始终出现在前端(在我在 html 中创建的 4 个特定位置),并且最后一个提交覆盖前一个。

Ninja 将数据保存在 wp_postmeta 中,如下所示:

我该怎么做?我知道在没有 PHP 知识的情况下超出了我的范围,但是,有人可以给我一些技巧吗?有插件可以获取吗?

请帮忙

0 投票
1 回答
935 浏览

php - 在 Wordpress 模板中显示 Ninja Forms 数据

我有一个完整的噩梦,试图将忍者表单提交的输出添加到 wordpress 中的 php 模板。我想显示用户提交的给定表单的内容(表单要求用户登录),用于计算显示给登录用户的模板页面上的报价,但似乎找不到正确的代码添加它。

我已经粘贴了到目前为止的代码,并使用提交插件显示,但是我似乎无法根据提交它的用户选择提交,也无法以任何体面的格式显示。

这需要很多小时才能达到这一点,我们将不胜感激。我在插件中使用了一些代码,只需要提交表单的用户和一些逻辑方式来显示它。

提前致谢。

马特