代码在 jsfiddle 中有效，但在我的应用程序中无效 [关闭]答案

【问题标题】：Code works in jsfiddle but not in my application [closed]代码在 jsfiddle 中有效，但在我的应用程序中无效 [关闭]
【发布时间】：2011-12-10 19:18:49
【问题描述】：

我想知道 comebody 是否可以帮我一个大忙，在我的 jsfiddle 中它显示了我的应用程序中的整个代码。现在，如果您单击链接（打开网格）并选择一个按钮，它将在下方显示正确数量的按钮。例如，如果用户选择按钮“1”，它将显示按钮“A”，如果有人选择按钮“2”，那么它将显示按钮“A”和“B”等等。我的问题是它在 jsfiddle 中有效，但在我的应用程序中无效（我使用的是 Crimson 编辑器）。我想知道是否有人可以在他们的文本编辑器或网络编程软件中复制此代码并查看它是否可以在他们的页面上运行，因为在我的应用程序中，从网格中选择一个按钮后它不会显示下面的按钮。能否告诉我它是否有效，谢谢。

我的代码是here

【问题讨论】：

你能发布控制台错误信息吗？
我只得到一个：“错误：图像损坏或截断：源文件：行：0。”没有其他错误消息。有 3 个调整大小的警告：无；不是 css 属性，但我需要这个，所以不能调整 textarea 的大小
请尝试this 在您发布的 jsfiddle 中，您已在正文部分添加了 javascript，但它应该在头部。所以我改了，加了jquery的ready函数（DOM就绪事件）
嗨，抱歉，我看不出代码有什么不同，你能指出你把代码放在 jsfiddle 中的什么地方吗
为什么 Javascript 框中有 HTML？

标签： javascript jquery css button

【解决方案1】：

当你想访问任何 DOM 元素时，你应该在 domready 事件之后进行。因为可能在脚本执行时该元素不存在。

所以任何与 DOm 相关的函数，例如 $("elementid")，都应该只在 domready 事件之后使用。为此，Jquery 提供了$.ready() 函数。

所以，如果你把所有的代码都放在$.ready() 里面，它就会正常工作。

它在 Jsfiddle 中工作，因为您选择将 JavaScript 放在 body 标记中（注意没有 wrap body）。所以它会在网页加载时执行。

Link to corrected code

【讨论】：