Question

但是在网站上（http://c3denver.org/access/members/attendance）它没有用，有什么想法吗？

点击其中一个带有某人姓名的方框，例如Scott，它变为绿色，但是当我再次点击时，它会变成红色并渐渐变为灰色，根据jQuery（this）.removeClass（'转换”，400）;

它适用于小提琴，但不适用于网站。

以下是代码：

jQuery(document).ready(function(){
    jQuery('.attendance .form .grid_padding label').click(function(evt){
        evt.stopPropagation();
        evt.preventDefault();
        if(!jQuery(this).hasClass('attending')){
            jQuery('input', this).prop('checked', true);
            jQuery(this).addClass('attending');
        }else{
            jQuery(this).addClass('transition').removeClass('attending');
            jQuery(this).removeClass('transition',400);
            jQuery('input', this).prop('checked', false);
        }
    });
});

Answer 1

你不包括jquery-ui.js和样式表pleasse包括这些

<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.csss">
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http//code.jquery.com/ui/1.10.3/jquery-ui.js"></script>

JQuery UI removeClass动画不在网站上工作但在JSFiddle中工作

1 个答案: