0

嘿，我这里有这段代码，它假设添加类名“cboxElement”

$(".wpcart_gallery a:first").addClass("cboxElement");

但它不起作用。

我的标题中有正确的 Jquery 文件，我已经将它包围起来jQuery('document').ready(function($){......});，它适用于我的所有其他 Jquery，但添加类调用除外。

这是我试图将课程添加到...

<div class="wpcart_gallery" style="text-align:center; padding-top:5px;">
<a class="thickbox" href="DSC_0037.jpg" rev="DSC_0037.jpg"></a>
</div>

有人知道为什么这不起作用吗？我是 jquery 的新手

这也在wordpress中，因此jQuery('document')

4

4 回答 4

1

代码： 

$(document).ready(function() {
    $(".wpcart_gallery a:first").addClass("cboxElement");
}
于 2012-09-17T21:27:15.997 回答
0

正如 Zoltran 在 jsFiddle 上指出和演示的那样，您列出的代码至少在某些情况下有效。当 .ready() 执行时，您添加类的 div 元素是否可能还不存在？我建议添加这一行：

console.log("container:", $(".wpcart_gallery"), "link:", $(".wpcart_gallery a:first"));

在您的 .addClass() 代码之后，然后查看调试控制台（例如Chrome 的网络检查器）。你看到你的元素还是未定义的？如果您看到 undefined ，则很有可能您的 .addClass() 代码在其作用的元素准备好之前正在运行。如果您确实获得了元素，则您的样式（或代码的其他部分）可能会覆盖/撤消您的更改。

于 2012-09-17T21:22:04.487 回答
0

我假设您的选择器返回多个或 null。您的 html 中可能还有其他元素具有相同的选择器。正如 Zoltan 所指出的，它应该可以工作。尝试打印到 consol.log($(".wpcart_gallery a:first")); 在 firefox 或 chrome 中并使用 firebug 对其进行调试，这可能会给您一些指示问题出在哪里。

于 2012-09-17T21:22:08.073 回答
0

试试这个小伙伴......

jQuery('document').ready(function($){

  jQuery(".wpcart_gallery a:first").addClass('cboxElement');

});
于 2012-09-20T05:22:16.233 回答