Thứ Hai, 20 tháng 11, 2017

ajax - data - icon change

Cách 1:

**** Code Html:
$(document).ready(function($) {

$(".tinnoibat-ajax").click(function() {
var sid  = $(this).attr("data-id");
var $this = $(this);
$.ajax({
url: '/modules.php',
type: 'POST',
dataType: 'html',
data: {name:'Tintuc',op:'tinnoibat_ajax',sid:sid},
})
.done(function(data) {
if(data==1){
$this.removeClass('fa-star-o');
$this.addClass('fa-star');
}else{
$this.addClass('fa-star-o');
$this.removeClass('fa-star');
}
});
});
});

Cách 2:

**** Code Html:
$(".dm-cha").click(function(event) {
var id =  $(this).attr("data-id");

if ($('.dmcha'+id+' .xchange').is('.fa-chevron-right')) {
        $('.dmcha'+id+' .xchange').removeClass('fa-chevron-right');
        $('.dmcha'+id+' .xchange').addClass('fa-chevron-down');
        $(".dm-con-"+id).css({
        "display": 'block'
        });
    } else {
    $('.dmcha'+id+' .xchange').removeClass('fa-chevron-down');
        $('.dmcha'+id+' .xchange').addClass('fa-chevron-right');
        $(".dm-con-"+id).css({
        "display": 'none'
        });
    }

});

Không có nhận xét nào:

Đăng nhận xét