一个带有jQuery Click功能异常的CSS类

时间:2016-02-05 14:01:09

标签: javascript jquery css

.box {
    width:45px;
    height:45px;
    line-height:45px;
    border:1px solid #808080;
    border-radius:8px;
    text-align:center;
    color:#000;
    font-weight:bold;
    font-size:24px; 
    font-family:Arial, Helvetica, sans-serif;
    cursor:context-menu;
}

我有一个名为.box的CSS类,并且有一个php循环,我在这里创建div层,引用类如下:

<div class="box">content</div>

然后我有一个jQuery点击功能,用class="box"来监听div图层上的点击次数:

$(".box").click(function(){

我的问题是,在我的循环中,某些div层仍然需要像.box类一样进行样式设置,但我不希望应用click函数。我目前解决它的方法是创建一个.box的克隆并调用它.box2并看到没有.box2点击事件,那么只有jQuery点击功能适用于{{1 class div。

然而,我想知道是否有更好的方法来做到这一点,只是坚持一个而不是两个,因为这是额外的代码,每次我想改变风格,我必须复制它两次。有没有办法添加一些额外的参数,使其像.box

希望这是有道理的。

1 个答案:

答案 0 :(得分:0)

您可以使用active之类的: -

$(".box.active").click(function(){

这会将click事件绑定到具有两个类(class="box active")的元素。