问题标签 [codepen]

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 投票
1 回答
232 浏览

javascript - HTML/Javascript 代码在 JSbin 中有效,但在 codepen、plunker 或 jsfiddle 中无效

以下代码在 JSbin 中有效,但在我将其直接复制并粘贴到 codepen、plunker 或 jsfiddle 时无效。

该代码显示用户位置以及该位置的天气信息。使用 api 获取地理位置数据和天气信息。

0 投票
2 回答
615 浏览

html - 嵌入 CodePen 不在现场呈现

以下代码已添加到我的网页中,应该呈现实时 CodePen 图像,但它显示的是一个链接:

关于为什么 CodePen 没有完全呈现的任何想法?谢谢!

0 投票
3 回答
569 浏览

javascript - Ajax 在 CodePen 中不起作用

我正在做 freeCodeCamp 的 Wikipedia Viewer 项目。由于某种原因,ajax 功能不起作用,因为单击时控制台中没有显示任何内容。它的代码如下所示。提前感谢任何看到这个的人。

0 投票
0 回答
26 浏览

javascript - Babel on CodePen 奇怪的错误

我在笔中使用这行代码。

如果只是在控制台中使用它,它会 ["#cell0", "#cell1", "#cell2", "#cell3", "#cell4", "#cell5", "#cell6", "#cell7", "#cell8"]按预期创建 。但是当我打开 Babel 时,我得到了这个:["#cell[object Array Iterator]"] 但是为什么呢?

CodePen 链接

0 投票
1 回答
68 浏览

html - 无法在 Ruby on Rails 项目中使用 css 类

我在我的 Ruby on Rails 项目中使用 codepen 前端模板,所以现在我无法将我的 css 文件与我的 login.html.erb 连接,就像在这段代码中一样,对于提交按钮,我想使用“提交”类我在我的css文件中设置了样式。最后呈现的页面也没有被风格化,这让我得出结论,css文件没有连接。请准确回答您的问题,因为我是一个完整的初学者,因为这是我的第一个 RoR 项目。 Codepen 模板我的 Rails 项目和我的login.html.erb文件。

我收到以下错误:-

0 投票
2 回答
693 浏览

javascript - Javascript 代码在 Ruby on Rails 中不起作用

我试图用这个Codepen 模板做我的前端,但是当我试图点击注册按钮时,它并没有更改为代码在 index.js 文件中的注册表单,我已经包含了 hte 索引login.html.erb 中的 .js 文件,但是当我运行 rails 服务器时,转换不起作用。我的 Rails 项目Codepen 模板 这是 index.js 中的 javascript 代码

0 投票
1 回答
978 浏览

reactjs - React Linting:未封闭的正则表达式

我正在使用 Codepen完成React 教程。我将反应库包含在脚本标签中,并选择了 Babel 预处理器,但在 JSX 结束标签处出现 linting 错误:

该错误是针对未封闭的正则表达式。

当我检查教程本身的 Codepen 时,它返回相同的错误,但笔功能。我的没有。该网站上的其他 React 笔也返回错误但可以正常工作。

我的笔在这里。我无法在我的代码中找到任何拼写错误。

我错过了什么?

0 投票
1 回答
493 浏览

html - 使用 CSS 和 HTML 作为背景的圆形项目符号

这里CodePen 中的代码提供了项目符号、条纹和一些方块。我要圈子。我找到了这个来源,但我不知道如何实现它。

代码也在这里

0 投票
1 回答
402 浏览

css - CodePen CSS 无法正确显示

https://codepen.io/jamesbcn/pen/weYdPw

我正在尝试将正在处理的导航栏复制并粘贴到 CodePen 中,但 CSS 未正确显示。

0 投票
1 回答
570 浏览

javascript - 如何在我的网站中使用来自 codepen 的 svg 动画?

我想在我的网站中使用这些类型的 os svg 动画,如何在我的网站中导入它。我尝试创建该页面中提供的 HTML、CSS 和 javascript,并适当地添加了链接和脚本,但仍然无法正常工作。链接到代码笔 我也尝试像这样嵌入