无法将类添加到使用jQuery由插件创建的div

时间:2014-04-14 18:19:35

标签: javascript jquery html

我尝试将一个类添加到现有的div中,该div具有id" container" (jQuery)。但是,如果我在萤火虫中检查它,那么添加的课程就不会出现。我不得不说这个div是由插件而不是代码生成的。插件文件已压缩,因此我无法进行任何更改。

我尝试将该类添加到另一个div。这工作得很好。我以这种方式添加它:

$('#container').addClass('hdrMenu');

注意:.addClass函数位于$(document).ready()内,因此这不是问题所在。

我的HTML结构如下所示:

html > body > section.wrapper.transparent > div.page-box > div#container

div#container并且所有子元素都是由插件生成的。

我做错了什么或为什么我不能在插件生成的HTML代码中添加类?

建议赞赏:)

2 个答案:

答案 0 :(得分:3)

如果您的代码在构建该插件的元素之前运行,则可能会发生这种情况。 $(document).ready()不涵盖这些元素。此外,如果是这种情况,jQuery永远不会抛出错误,并且你不知道发生了什么。

在构建这些元素之后,将代码放置为运行

答案 1 :(得分:0)

这可能是因为当没有带有id容器的div时,执行此代码。因此,不应用类名,然后将内容加载到DOM中。这可能就是这样的例子

<script>
   /* jquery code */
   $('#container').addClass('hdrMenu');
</script>

然后在所有这些代码之后,您正在执行代码以将元素创建为

$('#container').load('data.html');

所以,请记住:将jQuery脚本文件放在脚本文件的顶部

<head>
  <script src="~/Scripts/jquery-1.8.2.min.js"></script>
  /* other script files */
</head>