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

javascript - TypeError:在 OnsenUI 2 React 导航器中未定义 enterPage

我正在尝试SideMenu使用 OnsenUI 创建一个简单的组件,Splitter如下所示:

并如下使用它:

但不幸的是,当从 SideMenu 更改页面时,它会返回以下错误:

TypeError: enterPage is undefined

我还为它创建了一个在线 CodePen,你可以在这里看到它:

https://codepen.io/anon/pen/ObRzLB?editors=0011

我仔细检查了问题在哪里?

0 投票
2 回答
411 浏览

jquery - Transform:scale 和 :nth-child() 选择器不起作用

我目前正在学习 HTML5/CSS/jQuery。我想用基于 CSS 的动画制作一篇简单的文章缩略图。我正在使用 CodePen 轻松分享这些小东西。不幸的是,我发现了一些问题,我不知道如何解决。

1. 缩放变换 我的第一个问题是添加到.singleArticle 类中的缩放变换不起作用。这可能是因为与其他班级发生冲突,但我找不到。

2. FontAwsome 第二个问题是 :nth-child() 选择器。我想了解它在实践中是如何工作的(这就是我在这里使用它的原因)。我已经尝试了很多东西,但找不到错误在哪里。

3. 火狐浏览器 火狐浏览器 中的所有块都是不可见的。也找不到任何解决办法。

你能指出我在哪里犯错吗?可能最简单的方法就是看一下 codepen,因为将整个代码放在这里可能不是最好的主意。

0 投票
1 回答
952 浏览

javascript - 尝试使用表单 reset() 函数重置输入字段但不起作用

我正在尝试创建一种发布系统,它在大多数情况下都有效,但是当点击发布按钮时,输入字段不会被重置。我尝试了很多不同的方法,但都没有奏效,所以这是我尝试的最后一种方法(CodePen 设置了骨架代码,因此不会出现问题):

HTML:

JavaScript:

0 投票
1 回答
277 浏览

javascript - 我的代码在本地和在 codepen 或 plunker 中的执行方式不同

我使用 jQuery 终端有这样的代码:

在这个codepen 中,直到我水平调整浏览器窗口的大小,这些行才会显示出来。当我将flush放入setTimeout 0时它起作用:

当我在本地服务器上运行相同的代码(没有 setTimeout)时,它可以正常工作。我还尝试将代码嵌入 iframe 中,它也按预期运行。当我执行命令 show (键入 show 并按 enter)时,执行的命令和提示会添加到末尾(在 echo 添加的行之后),但是当我调整窗口大小时,它们应该放在行之前。

有人知道为什么会这样吗?为什么代码在本地和在 codepen 中执行的方式不同?

我已经尝试在 jquery.terminal-src.js 文件中设置断点,但没有弄清楚为什么刷新不显示行。当我单步执行代码时,调用 flush 时 output_buffer 数组似乎是空的,但是当我调整窗口大小并执行调整大小方法时,这些行会以某种方式出现。

0 投票
1 回答
547 浏览

javascript - angular.js 示例在 codepen 和本地环境中不起作用

上面的代码片段是从http://www.w3schools.com/angular/tryit.asp?filename=try_ng_routing复制的,它在那里工作,但是当复制并粘贴到 codepen http://codepen.io/anon/pen/oYMrwy不工作。我错过了什么吗?

0 投票
1 回答
93 浏览

javascript - codepen 中的地理定位和 getJSON 问题

我在使用 codepen 时遇到了一些问题,我试图获取用户位置的天气,但我没有得到纬度和经度,并且无法获取 getJSON 从请求的 URL 中检索任何 JSON。这是代码:

https://codepen.io/martini-alessandro/pen/VmGqyo

0 投票
0 回答
34 浏览

javascript - 井字游戏与 Minimax 无法解释的延迟

我编写了一个基于网络的井字游戏,并为 AI 实现了 Minimax 算法来选择它的动作。一切似乎都正常,但是在人类玩家点击第一个方块和玩家的标记(X 或 O)出现之间有很长的延迟。minimax即使我在updateBoard第一次调用minimax.

这似乎是异步操作的问题,这意味着它没有时间在被递归调用阻塞之前更新 HTML minimax。我尝试向函数添加一个回调参数并在完成时updateBoard执行,但我没有发现任何区别。minimaxupdateBoard

我不确定这个问题实际上与我的 Minimax 实现有关。这似乎工作正常......电脑永远不会丢失。我认为这可能是我对 Javascript 中的同步操作的误解。

有人可以看一下,特别是在处理程序中$squares.click()并告诉我您是否发现出了什么问题?

您可以在 Codepen 上查看它,我在下面复制了它:http ://codepen.io/VAggrippino/pen/ZBqLxO

更新,几秒钟后:

这很奇怪。当我在 SO 上“运行代码片段”时,它不会出现同样的问题。我是否偶然发现了 CodePen 的问题?

0 投票
1 回答
82 浏览

html - 如何在包装器中获取 100% 浏览器宽度的内容

这是我的问题

我有一个包含一些内容的网站,我希望标题是浏览器的 100% 宽度,并且一些内容被包裹在包装器中以使其大约 .. 浏览器宽度的 50%。

然后我们有这样的东西: 图像1 但是,我们也添加了一个菜单。这是通过 UL 完成的,我们不能只添加菜单(我认为),因为菜单的内容将在包装器中。所以它看起来像这样: img2

我试过什么? 我给了元素标题/菜单这个css:

我还添加了溢出-x:隐藏;在 body 元素上,所以他们不能滚动 x 明智。但在他们的手机上,他们可以。所以这使得一切“反应迟钝”

HTML:

CSS:

编解码器: http ://codepen.io/anon/pen/QdLpzM

0 投票
1 回答
36 浏览

javascript - 将另一个类添加到滚动 js

我对 javascript 很陌生,不知道如何自己添加它。

这就是我正在使用的滚动代码,它对我的​​导航栏非常有用!

但我刚刚添加了这个按钮

如何使脚本也以相同的方式与该按钮一起使用? http://codepen.io/sbxn14/pen/egmKRr <-- 我的 codepen 包含这个网站。

我希望有一个人可以帮助我。

编辑:
当我添加它时。如果我手动滚动页面,是否可以使导航栏上的活动链接切换?我一直在谷歌上寻找这个,但没有找到任何东西。

0 投票
2 回答
318 浏览

javascript - 为什么每次在输入区域按 Enter 时我的 Javascript 都会重新启动?附上密码笔

我正在codepen.io上做一个练习,我不知道为什么,每次我在输入区域按回车键时,程序都会自行重启,尽管我添加了一些ifs语句来避免它。

我在 stackoverflow 和 Javascript 中尝试了相同的代码它不会自行重启,我将链接附加到 codepen 以便您查看问题的实际效果:

http://codepen.io/rafahuelin/pen/qRdWBy?editors=0010

我想原因是我不知道的。请你告诉我是什么导致了这种情况发生以及管理这个程序行为的方法是什么?

谢谢!