我的表td包含状态字段值1和0,如果状态为1我必须添加'ok'类如果是0我必须使用ajax添加'remove'类。我用ajax做了。但问题是当我在更改状态后刷新页面时,先前的状态是添加到所有'td'元素并删除以前在页面加载时添加的类。我必须在页面加载时显示单独的当前td状态。
JQuery的
$(document).ready(function(){
$this = $('.status-icon');
if($this.hasClass('glyphicon-ok-circle')){
$this.addClass('glyphicon-ok-circle');
}else{
$this.addClass('glyphicon-remove-circle');
}
$('.status-icon').click(function(){
$statusClass = $(this);
$.ajax({
url : 'router/status-router/',
data : "id="+$(this).attr('status-id'),
success: function(data) {
if(data!=1){
$statusClass.removeClass('glyphicon-ok-circle').addClass('glyphicon-remove-circle');
}else{
$statusClass.removeClass('glyphicon-remove-circle').addClass('glyphicon-ok-circle');
}
},
error : function() {
}
});
});
});
HTML
<td><a href="#" status-id="<%=$b->getId();%>" class="glyphicon status-icon"></a></td>