将类添加到类和锚标记

Question

我想使用jQuery将类添加到锚标记。锚标记位于类nav-1的列表项中。我尝试了以下，但没有运气。

$(".nav-1 a").addClass("pink"); 

任何人都知道我在做什么错了？

据我所见，在Firebug的Script选项卡中没有错误。没有一类粉红色被添加。 JS文件在头，所以也许这是问题。我会测试并发布我的结果。

页可以在这里找到：http://cqwebdesign.co.uk/partybits2008.co.uk

我加入了jQuery的代码中的script.js文件的头部的最后加载外部JS文件，我刚结束标记前添加以下代码：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".nav-1 a").addClass("pink"); 
    }); 
</script> 

仍然没有运气与类被添加。

我相信这可能是jQuery包含在软件中的方式。它使用Prototype，但我使用的框架集成了jQuery并添加了我认为的noconflict功能。

Answer 1

那么这取决于你想在什么事件上添加类。

这是点击http://jsfiddle.net/33dntdtx/

$('.add').on('click', function(e){ 
    $(".nav-1 a").addClass("pink"); 
    e.preventDefault(); 
}); 

但是你可以在每一个事件添加类，基本上没有什么不对您的代码:)

你应该解雇你的代码，当DOM准备好被操纵。 在jQuery中：

$(document).ready(function(){ 

    $(".nav-1 a").addClass("pink"); 

}); 

Answer 2

我固定我的问题上面，通过改变：

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".nav-1 a").addClass("pink"); 
    }); 
</script> 

要：

<script type="text/javascript"> 
    jQuery(document).ready(function($) { 
     $(".nav-1 a").addClass("pink"); 
    }); 
</script>