删除CSS类的jQuery

2014-12-21 57 views -2 likes

-2

我用我的代码变更CSS点击图标后：删除CSS类的jQuery

$(function() { 
    $(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").addClass("newClass", 1000, callback); 
    }); 

    function callback() { 
    setTimeout(function() {  
     $(".nksub-tab-icon").removeClass("newClass"); 
    }, 1000); 
    } 
});

我的CSS：

<style> 
    .newClass { background-color:yellow; } 
</style>

当我点击图标改变颜色，但我点击，但不会删除后类。 For test website here

我想改变颜色和之后与另一个点击恢复开始样式。

来源

2014-12-21 wpcard

jQuery的[.addClass（）]（http://api.jquery.com/addclass /）没有参数设置为'字符串名称，int延迟，函数回调' – Regent

请在使用它们之前查找函数定义 – Playmaker

回答

尝试将此代码嵌入到<script>标签中。

$(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").toggleClass("newClass"); 
});

如果你想提供一个延迟，然后使用下面的代码

$(".icon-medium.icon-search").click(function() { 
    $(".nksub-tab-icon").delay(1000).queue(function(next){ 
    $(this).toggleClass("newClass"); 
    next(); 
    }); 
});

入住这里：http://jsfiddle.net/zgsxoq3v/

来源

2014-12-21 20:40:25 Playmaker

谢谢。现在检查 – Playmaker

删除CSS类的jQuery

回答

相关问题