jQueryの：変更のスタイル値

Question

HTMLコード上：

<div class="name" style="left:0%"></div> 

私が欲しい場合名クラス変更、警告のスタイルによってjQueryの

のjQueryコード：

$('.name').bind('style',function(){ 
    alert(1); 
}); 

Answer 1

MutationObserverを使用することを検討したくない場合は、より多くのコードを記述する必要があります。このような何か：

$(document).ready(function() { 
    var colorsArr = ['red', 'orange', 'gray', 'black', 'blue', 'yellow']; 
    $('#btnChangeBackgroundColor').on('click', function() { 
    var xColor = colorsArr.shift(); 
    colorsArr.push(xColor); 

    $('.name').css('background-color', xColor); 
    }); 

    $('.name').attr('data-originalstyle', $('.name').attr('style')); 

    checkIfStyleChanged(); 
}); 

function checkIfStyleChanged() { 
    if ($('.name').attr('data-originalstyle') != $('.name').attr('style')) { 
    $('.name').attr('data-originalstyle', $('.name').attr('style')); 

    $('#lblChanged').html('The Style Changed'); 
    $('#lblChanged').css('display', ''); 

    setTimeout(function() { 
     $('#lblChanged').fadeOut('slow'); 
    }, 1500);  
    } 

    setTimeout(function() { 
     checkIfStyleChanged(); 
    }, 50); 
} 

私jsfiddle例を参照してください：のhttps://jsfiddle.net/fictus/6zhqk4b1/