问题标签 [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 投票
0 回答
29 浏览

jquery - 地理位置仅适用于 https,$.getJSON 仅适用于没有它。我能做些什么?

我正在 Chrome 中的 codepen.io 上使用笔。我需要来自 api ($.getJSON) 的坐标 (navigator.geolocation) 和天气数据。经过一些谷歌搜索后,我想出了如何使前者工作 - 通过使用 https:// 打开页面但是一旦我这样做了,后者就停止工作了。我能做什么,为什么会这样?

0 投票
1 回答
778 浏览

javascript - Codepen modernizr.js - 404 错误

我使用 Codepen modernizr.js 超过 1 年。突然它开始显示错误 404。这意味着该文件不存在,但我认为 Codepen 之类的网站不会在没有任何通知的情况下停止,因为很多人都在使用它。

如果该脚本不再起作用,那么任何人都有取回 Modernizr.js 的想法吗?

谢谢!

0 投票
0 回答
69 浏览

css - 试图让 Codepen 按钮工作,但它受到引导 css 的影响

我正在尝试让 Codepen 按钮工作。复制并实现代码后,按钮看起来与给定示例完全不同。它可能受到我使用 Bootstrap CSS 的影响。找到并消除弄乱按钮的引导代码的正确方法是什么?

编辑:在代码下方。很抱歉一开始没有提供。这是带有原始代码的codepen url: https ://codepen.io/soulwire/pen/bKens

HTML

CSS

0 投票
1 回答
599 浏览

css - 媒体查询在 Codepen 中工作,但不是通过文本编辑器/chrome

我正在使用 Brackets 文本编辑器,除了一件事之外,一切都运行良好(通过 Brackets 运行与使用 Codepen 相同):

我正在使用 CSS 媒体查询来设置断点,所以我在最大宽度 537 像素处只有一列。

出于某种原因,它在 Codepen 中有效,但在我在 Chrome 中运行文本编辑器时无效。这可能与我的“头部”元素有关吗?

这是codepen:[ http://codepen.io/SimmoSim/pen/wJgpwg?editors=1100][1]

0 投票
1 回答
171 浏览

javascript - 无法在 codepen 中使用 es6 语法

我想在 codepen 中尝试一些简单的 es6 javascript。我根据他们的博客文章遵循了他们建议的配置: https ://blog.codepen.io/2015/05/19/babel-now-on-codepen-write-es6-javascript-and-react-jsx/

这是示例代码:

但是 codepen 标记了一个语法错误

在此处输入图像描述

我不认为这是一个有效的错误。我该如何解决?

附上我的笔配置。

在此处输入图像描述

0 投票
1 回答
431 浏览

javascript - 如何将 GitHub gist 合并到我的 Codepen 项目中?

我对 Codepen 和一般编码非常陌生,我正在尝试弄清楚如何链接到Codepen 中的一个非常大的文件 。我想在 Codepen 的 Javascript 中使用我的 GitHub gist 中的变量 pieIsGood,但我不知道如何去做。

一些可爱的 StackOverflow 用户给了我一个涉及链接到另一个 Codepen 项目的解决方案,但问题是 Codepen 只允许您存储一定数量的数据,而且这个数量比我需要的要少。

你能帮我弄清楚如何将我的要点整合到我的 Codepen 项目中吗?谢谢你的帮助!

链接到我的 Codepen 项目:

0 投票
0 回答
121 浏览

javascript - AJAX“错误:未调用回调”随机出现

我对 ajax 很陌生,我遇到了问题,任何可用的 stackoverflow 线程都无法解决这个问题。我有带有流名称的数组,我使用 ajax 通过 Twitch API 获取有关它们的详细信息。对于其中一些请求,我收到以下错误:

我发现生成的 url(在下面的代码中检查 url 变量)是可以的,当我将它粘贴到 chrome 的搜索栏中时,它会导致正确的结果。最令人困惑的部分是它适用于 streamsNames 数组中的 4 个字符串,而对于其他字符串,它确实返回此错误代码。我用谷歌搜索了很多,但我找不到合适的解决方案或只是解释这种行为。

这是代码的相关部分:

还有一件事:整个事情都在 codepen.io 中运行,但我不知道这是否对这种情况下的任何事情有任何影响。

任何想法可能是什么问题?

0 投票
1 回答
107 浏览

html - jsfiddle 和 codepen 上相同的 html/css 代码之间无法解释的差异

我有相同的 html / css 代码,但输出只适用于 codepen 而不是 jsfiddle。怎么会?

html

css

jsfiddle:https ://jsfiddle.net/snaL0cj8/5/

代码笔: http ://codepen.io/stephenjbell/pen/BWvgXw

0 投票
3 回答
10659 浏览

reactjs - 反应道具类型错误

我正在尝试在 codepen 中创建网络应用程序。我正在使用 React,ReactDOM。一切都很好。但是当我将 react-router-dom 添加到我的项目时,我收到了一个错误:

我怎样才能解决这个问题?

0 投票
1 回答
138 浏览

javascript - 在 Codepen.io 上使用 React.js,为什么自定义标签不渲染?

一个非常初学者和愚蠢的问题,但仍然,每个人都首先学习..

HTML

CSS(SCSS)

JS(通天塔)

我的目标是在#container 中呈现自定义标签 DisplayBox,但它不在 Codepen CSS 配置中的 codepen.io JS 配置中呈现

提前谢谢你的帮助 :-)