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

twitter-bootstrap - Codepen Bootstrap 格式错误

我使用 Atom 为 FreeCodeCamp 编写了一个小型网站,一切都很好。但是,当我尝试将代码复制并粘贴到 CodePen 中时,它的格式错误。见这里

请在下面找到导航栏的 HTML 和 CSS:

--

我不明白为什么我的导航栏(和图像)看起来好像是在一个小视口上查看的。有什么建议么?

0 投票
2 回答
112 浏览

twitter-bootstrap - codepen 上的基本引导程序

我正在尝试完成一个项目,我需要图像和它下面的文本位于中心。我已经尝试了一切,从中心块到只是试图改变 col-md-x。但是我找不到一个好的解决方案,我觉得有一个 col-md-8 和 col-md-4 隐藏在某个地方。你可以猜到我正在尝试学习引导程序,而且我是一个完整的新手。这是链接

谢谢

0 投票
1 回答
138 浏览

html - How to resolve the issue of picture not displaying on web page?

I am new to HTML. Using www.Codepen.io website, I created a website using HTML to produce a couple of .png pictures, headers and paragraphs. But unfortunately, everything in the website is generating but the pictures. I am not sure why. Do we need to have the .png files in the same area as where the .html file is located? If we do need to save the .html file from Codepen, how do we do so? Am i doing something wrong while writing the script?

Please see attachment for reference: website screenshot

0 投票
1 回答
3174 浏览

javascript - 编写多张产品卡

我正在尝试在同一个容器中制作 8 张产品卡,我正在遵循这个示例:

https://codepen.io/virgilpana/pen/RNYQwB

但是当我尝试添加第二张、3d 等卡片时,动画仅适用于第一张卡片,其他卡片显示为照片。

是否有可能在每个产品中都有示例功能?

示例的html代码:

0 投票
1 回答
158 浏览

ios - Safari iOS Mobile 的浏览器兼容性 - Codepen 创建

我正在Codepen 中创建一个投资组合页面。我决定使用固定背景、滚动站点。到目前为止,这支笔可以与所有主流浏览器完美配合,除了 Safari iOS 移动版(在我的 iPhone 6s 上)。

问题出在 div 中的背景图像中:cover。它在桌面上的 Safari 中运行良好。

CSS:

0 投票
1 回答
527 浏览

javascript - GET 请求未在 codepen 中获取数据,但在浏览器选项卡上工作

是我很久以前做的一个简单天气应用程序的 Codepen。但是,它现在不起作用。当我将其粘贴api到浏览器选项卡中时,我正在获取数据,但在 Codepen 中它不起作用。

0 投票
1 回答
35 浏览

jquery - XMLHTTPREQUEST 错误 JQUERY

我正在使用代码笔上的黑暗天空 API。https://codepen.io/ashan_zeroxster/pen/MpxVOv?editors=0010 当我尝试从 DARKSKY API 获取 JSON 数据时,我收到 XMLHTTPREQUEST 错误。我的代码

0 投票
4 回答
9149 浏览

javascript - JavaScript 程序路径未指定错误

我最近一直在为一个项目创建一个 JavaScript 游戏,并且完全在 CodePen 网站上完成了它。我现在正试图将其转移到 WebStorm 以将其变成一个基本网站。但是,当我尝试运行我的代码时,出现以下错误:

在此处输入图像描述

我不知道如何解决它,我到处寻找,但无法获得一些帮助。任何信息,将不胜感激。

0 投票
3 回答
992 浏览

javascript - CodePen 变成白色的空白页

这是我的 Codepen 链接:

https://codepen.io/ShikhaA/pen/ALJXyk

从过去几个月开始,它工作正常。但现在它变成了白色的空白页。我在其他网络浏览器上测试过,还是一样。

但是当我在本地主机上尝试相同的代码时,我可以看到输出。

谢谢。

0 投票
1 回答
80 浏览

menu - Codepen 菜单工作正常,但在空白页上不起作用

我在 Codepen 中创建了一个 CSS/JS 下拉菜单。菜单在 Codepen 中运行良好: https ://codepen.io/jabbamonkey/pen/EXNQYB

但是,当我将所有内容都放在一个空白的 php 页面上时……代码不起作用: http ://tbsmb.school/_temp.php

知道出了什么问题吗?

菜单代码:

JS

款式