Hiển thị các bài đăng có nhãn Script Icon. Hiển thị tất cả bài đăng
Hiển thị các bài đăng có nhãn Script Icon. Hiển thị tất cả bài đăng

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'
        });
    }

});