Jquery, в режиме реального времени «название» атрибут изменить

Question

У меня есть диапазон, который показывает некоторые ДАННЫЕ в подсказке каждую секунду, что приходит с сервера:

<span class="bata hastip" title="{will change}"></span> 

И я использую tooltipsy плагин, чтобы показать всплывающую подсказку:

$('.hastip').tooltipsy({ 
     offset: [-10, 0], 
     css: { 
      'background-color': '#444F54', 
      'border': '1px solid #888' 
     } 
}) 

Поскольку мои данные меняются каждые несколько секунд, как я могу обнаружить это изменение? как это:

$('.bata').prop('title', datas); 
//$('.bata').attr('title', datas) same... 

$(document).on('change', '.bata', function(){ 
    //this method doesn't work 
}); 

Answer 1

«.. Вы имеете в виду DOM Мутация События Существует плохо (но улучшение) поддержки браузера для этих событий мутацию событий плагин для JQuery могли бы получить некоторые пути»

Смотрите этот родственный вопрос: firing event on DOM attribute change

Ярлык - проверить это :)

https://developer.mozilla.org/en-US/docs/Web/API/MutationObserver

Поддержка очень хорошо, за исключением IE11 +

Пример использования от MDN:

// select the target node 
var target = document.querySelector('#some-id'); 

// create an observer instance 
var observer = new MutationObserver(function(mutations) { 
    mutations.forEach(function(mutation) { 
    console.log(mutation.type); 
    });  
}); 

// configuration of the observer: 
var config = { attributes: true, childList: true, characterData: true }; 

// pass in the target node, as well as the observer options 
observer.observe(target, config); 

// later, you can stop observing 
observer.disconnect();