javascript - 代码在 jsfiddle 中有效,但在我的应用程序中无效

标签 javascript jquery css button

<分区>

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

我的代码是 here

最佳答案

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

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

因此,如果您将所有代码都放在 $.ready() 中,它将正常工作。

它在 Jsfiddle 中工作,因为您已选择将 JavaScript 放在 body 标记中(注意没有包裹体)。所以它会在网页加载时执行。

Link to corrected code

关于javascript - 代码在 jsfiddle 中有效,但在我的应用程序中无效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8459160/

上一篇:html - 布局问题,部分固定宽度,部分 flex

下一篇:html - 具有流体宽度的 CSS 表格布局

相关文章:

javascript - 选择包含特殊类的图像 - 纯 javascript

javascript - 电子邮件正则表达式问题

javascript - 如何返回 array.reduce 中的对象?

javascript - 如何使用 JSON.parse() 维护数据完整性

javascript - 使用 node.js 和 google-api 获取 Gmail 收件箱

jquery - 下拉框在谷歌浏览器中不起作用

javascript - jQuery .prop ("disabled", false) 没有启用输入

html - 如何为 Bootstrap 选项卡设置相同的高度?

html - 如何使用 [ngClass] 或 customClass 更改标签集导航丸背景颜色

Jquery,变量中的多个 CSS 属性