Question

我正在尝试使用addClass（）添加的类名对div进行更改。但我无法让它发挥作用。

div。单击此div将从类中删除“one”，并将其替换为“two”，这是我设法做到的。

<div class="product one">
    Click
</div>

和jquery。不幸的是，我似乎无法删除“两个”并添加“三个”或对jquery应用任何更改为“两个”。

$('.product').on('click', function() {
    $(this).removeClass('one').addClass('two');
    TweenLite.to(".home_loop", 0.3, {height:110});
});

$('.two').on('click', function() {
    $('this').removeClass('two').addClass('three');
    TweenLite.to(".home_loop", 0.3, {height:0}); 
});

这是一个简化的例子（删除了tweenlite）当我点击“点击”这个词时，我使用了一个检查员来看班级的变化。

http://jsfiddle.net/do6t4pa5/3/show/

我也试过使用.toggle，但它会使div中的链接不起作用。

2 个答案:

答案 0 :(得分：2)

答案 1 :(得分：0)

Answer 1

尝试FIDDLE

参考代码

$(document).ready(function(){
$('.product').on('click', function() {
    $(this).removeClass('one').addClass('two');
    $('.two').on('click', function() {
    $(this).removeClass('two').addClass('three');
});
});
});

希望有所帮助

Answer 2

$(document).ready(function(){

}).on('click','.product',function(){
    $(this).removeClass('one').addClass('two');
}).on('click','.two',function(){
    $(this).removeClass('two').addClass('three');
});

选择在jquery中动态添加的类

2 个答案: