问题标签 [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 回答
416 浏览

image - 背景图像不适用于codepen

我在 codepen 上的背景图像没有显示时遇到问题。一开始很好,然后有一天背景只是显示为白色。

这是我的 codepen 的链接(https://codepen.io/Dylanidas/pen/QgOPdQ)。我尝试将图像设置为与 HTML 的正文标记内联,我尝试使用 http 和 https 作为图像链接。我还尝试将图像托管在 imgur、google photos 和 Dropbox 上,但无济于事。我在想这可能是托管网站的问题,但我所做的似乎没有任何效果。另外,我已经查看了有关此问题的过去帖子,但这些帖子没有帮助。

0 投票
0 回答
70 浏览

javascript - 如何从 codepen.io 在您的网站上嵌入一支笔?

问题:
是否有任何在线阅读资料,我可以从 codepen.io 找到如何在我的网站上嵌入交互式笔?

示例:(就像在 Twitter 上的工作方式一样)

在此处输入图像描述
注意:
我最感兴趣的是在我的网站上 嵌入“笔”的以下部分。

在此处输入图像描述

我想要的是让访问者即时喜欢评论一个项目。

假设:

我假设 codepen.io 有某种方法可以让它变得简单,或者可能是一个 API。

0 投票
1 回答
85 浏览

vim - 在 VIM for codepen.io 的窗格之间切换?

在 codepen.io 中使用 vim 模式时,如何在窗格之间切换,因为 ctrl+w+w 在关闭窗口选项卡时不起作用。还有哪些其他 codepen.io 特定的键绑定?

0 投票
2 回答
374 浏览

javascript - Jquery:未在 Codepen 项目中运行

试图在 Codepen 上运行一个项目,由于某种原因,部分 JS 没有运行,即使它确实在单个笔中工作。

代码下方:

HTML头

JS/jQuery

唯一正在运行的部分是 JS 部分(函数 autohover),所以看起来好像是 Jquery 没有运行。

0 投票
0 回答
381 浏览

javascript - 通过远程位置 (Opera) 的 URL 加载音频文件?

也许有人知道为什么 codepend 不从 URL 加载音频文件?(我没有专业的codepen,所以我不能使用直接上传文件到pen)。

我的程序中有这个音频“加载器”实现:

如果我在本地使用此代码(而不是在 codepen 上),它可以正常工作。它会加载这些文件,然后我可以按照我的意愿播放这些音频文件。但是如果我在 codepen 上运行它,它会抛出这个(注意,我还在https://cors-anywhere.herokuapp.com/URL 前添加了绕过 CORS):

完整的笔可以在这里检查:https ://codepen.io/andriusl/pen/proxKj

更新。 这似乎与浏览器有关。AudioContext 不能与 Opera 浏览器一起正常工作,所以这个问题比 codepen 本身更面向浏览器。

0 投票
1 回答
110 浏览

javascript - 如何从 GitHub 向网站添加插件?

我希望在 CodePen 项目中添加一些插件,特别是CircleType.jsLettering.js,但我不确定如何继续。

我之前遇到过这种情况,在那里我找到了一个很棒的插件来使用,并且安装简单地记录为“从 GitHub 下载”。然后 GitHub 上的 repo 缺少实际的安装步骤。我试过用谷歌搜索,但搜索结果总是不相关的,比如安装 Wordpress 插件。

必须有一些标准的方法来将插件安装到网站上,我似乎找不到任何关于将插件从 GitHub 添加到网站或 CodePen 项目的帮助。

任何帮助将不胜感激。谢谢 :)

0 投票
2 回答
206 浏览

javascript - 为什么 CodePen 和 Chrome 的展开算子有不同的结果?

我在 CodePen 和 Chrome 中测试了扩展运算符,得到了不同的结果。

在 CodePen,我使用了 Babel 预处理器并获得了["foo"].

在 Chrome 开发者工具中,我得到了["f", "o", "o"].

为什么会这样?

0 投票
2 回答
70 浏览

javascript - svg 动画不起作用。然而,它是一个有效的代码副本

为什么 SVG 动画在这个原始 CodePen中有效,但在我在 JSFiddle 上的副本中无效?我应该调用 JS 库吗?


原来的:

HTML

CSS

JS

HTML

CSS

JS

0 投票
1 回答
31 浏览

javascript - 需要帮助来调试功能更改

代码笔: https ://codepen.io/bgbs/pen/XaNOgM

我想要做的是让 JavaScript 在 td 中选择一个特定的单词,并用 span 包装它以进行进一步的样式设置。但由于某种原因它不想工作。有任何想法吗?

0 投票
3 回答
633 浏览

javascript - 执行 Javascript 无法在 CodePen 上运行

我一直在玩 codepen.io,遇到了这个我无法解决的特殊问题。

我的以下笔在 codepen 中不起作用,但在我的机器上本地工作,我不确定我是否需要做一些额外的事情或启用 codepen 上的功能才能使其工作。

任何帮助最受赞赏:)

HTML

JS

红盒转换器-codepen