问题标签 [webflow]

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 回答
61 浏览

javascript - jquery div元素悬停更改div中的txt元素

我正在使用 webflow 构建的网站是我第一次深入研究 jquery(或 j 任何东西)。我不是任何语言的开发人员,但通常可以通过足够的研究来解决问题……这次不是:)

我的团队收藏页面有一个由 div ('.DivTeamBtn') 和文本 ('.TxtTeamBtn') 制成的按钮

单击按钮时,团队成员描述在 2 个 div 块之间发生变化:

我要完成的是:鼠标悬停('.DivTeamBtn')根据哪个div块显示属性为'none'更改('.TxtTeamBtn')文本。

现在我只是想通过jquery悬停工作。这就是我所拥有的......并且没有任何工作(我可以看到)。

Webflow 只读链接这是在团队集合页面上

0 投票
1 回答
739 浏览

stripe-payments - 如何在 Stripe Checkout 仅客户端实现中包含元数据?

我正在使用 Stripe Checkout 的仅客户端实现,因为我无法访问服务器(基于 Webflow 构建)。实施非常容易;你只是嵌入了一些 JS。令人印象深刻的东西。

但。我真的很想通过购买传递元数据,以便在 Zapier 用于新的 Strip 购买 zap 的购买信息中访问。

我网站上嵌入客户端的 Stripe JS 代码片段的相关部分是这样的:

我试过metadata: 'blahblah'在这个 JSON 中添加一个;没用。

payment_intent_data.metadata: 'blahblah'根据这个 Stripe doc尝试过,也无济于事。

最后,您可以在 Stripe 仪表板中将元数据键值对添加到产品本身。也没有工作。

那么有人知道如何使用 Stripe Checkout 仅客户端实现发送元数据吗?

谢谢!

0 投票
0 回答
203 浏览

authentication - 如何在 Webflow.io 上提交登录表单?

我试图在 Webflow 项目上实现用户身份验证部分。但是如果我提交用户名和密码,Webflow 说,密码字段不能提交。有什么建议么?

这种形式工作很好。但是如何提交登录表单?还是我必须为登录表单使用外部链接,例如 app.mywebsite.com ?

0 投票
1 回答
926 浏览

javascript - 一页上的多个轮播滑块不起作用

我正在尝试使用自定义 JS 将多个自动生成的产品滑块从 CMS 集合添加到 Webflow 上的不同页面。每个页面的第一个滑块有效,但第二个无效。

从这里开始阅读,我认为我需要为第二个和第三个滑块创建一个稍微不同的函数,或者将每个实例放入一个数组中,但我对 JS 很陌生,不知道要改变什么。

HTML 代码取自检查元素,因为我无法从 Webflow 导出代码。

非常感谢帮助

这是 Webflow 上的 HTML 和 CSS

JS

滑块 1 的 HTML

滑块 2 的 HTML

0 投票
1 回答
287 浏览

javascript - 如何将 url 添加到 Webflow 中的灯箱?

我正在开发一个 Webflow 网站。在主页上,我们有一个带有视频的灯箱。用户必须单击按钮才能查看灯箱。我们希望在灯箱可见时更改 URL,以使灯箱中的视频更易于共享。

如何为灯箱制作 URL?

0 投票
1 回答
229 浏览

wordpress - 使用 Webflow 进行自由 Web 开发

我刚刚开始为客户做 Web 开发项目,到目前为止我已经使用 NextJS、NuxtJS 以及用于 CMS 的无头 WordPress 完成了两个项目。由于我还有一份全职工作,这些项​​目需要相当长的时间,而且我最终会不断地工作。

我最近遇到了 Webflow 并弄乱了它,看看它是如何工作的。似乎如果我使用 Webflow 并且提供 CMS,我可以比现在更快地完成项目。

你认为对于自由职业者来说,使用像 Webflow 这样的工具比我目前正在做的更好吗?

0 投票
3 回答
113 浏览

javascript - 如何根据表单输入创建自定义 url 供用户共享?

我对编程很陌生,但想知道如何在我的域之后附加用户的名字/姓氏来制作自定义 URL?

我有一个表格,要求提供用户姓名、电子邮件、电话以及他们需要多少孩子的保姆。一旦他们提交了表单,我希望成功页面显示一个自定义 url:domain.com/firstLast,然后理论上他们可以与其他人分享他们的链接以获得可能的折扣。

我有复制功能,但我似乎无法显示要显示的网址。请帮忙!

在此处输入图像描述

0 投票
1 回答
99 浏览

javascript - 如何以多步骤形式将 URL 中的电子邮件添加到隐藏的电子邮件表单字段?

我在 Webflow 中创建了一个包含两个页面的多步骤表单:

第 1 步:/get-started 第 2 步:/get-started-final

为了开始,我在标签之前添加了以下代码

此页面是表单输入的第一页,只要求输入姓名和电子邮件。

现在对于Get Started Final,我要求提供 4 个附加字段,但我还想从 URL 中提取电子邮件并将其添加到 Get Started Final 中的隐藏表单字段中。

我在“Get-Started-Final”中有一个非隐藏的电子邮件输入来测试代码是否有效,但它没有用电子邮件填充输入。

电子邮件输入的 ID 为 emailget。在我确认它确实抓取了电子邮件后,我会将其切换为隐藏。

我的代码有什么问题?

0 投票
1 回答
111 浏览

google-apps-script - 托管脚本拒绝在 Chrome 以外的浏览器上连接

我已将我的 Google Apps 脚本上传到 webflow,它仅适用于 Google Chrome 浏览器。对于其他浏览器,我收到此消息(我尝试使用 Safari 和 Brave):

勇敢地访问 webflow URL

这就是我index.html从脚本渲染文件的方式:

我已经看到了这个问题,但它也不适用于 NATIVE 沙箱:ReferenceError: google is not defined - Google Apps script error in Mozilla firefox

0 投票
2 回答
2177 浏览

reactjs - Webflow 与 React 的集成

我正在尝试使用 webflow 创建一个网站,当我尝试导出我的代码时,它在我从 webflow 下载的项目文件夹中工作。但是,当我创建了一个反应应用程序 (create-react-app) 并将styles, js, fonts,images文件夹复制到公用文件夹中并将 HTML 复制到反应组件中时,内容就在那里,但动画没有。我的动画之一是当你向下滚动页面时会出现一些文本。我在 webflow 论坛上搜索过,有几个人也遇到了这个问题,但还没有得到解决问题的答案。