Attrchange庫沒有。每個中工作（）

Question

我有一個項目在HTML列表：在一定的外部條件

<ul> 
    <li class="pagination_element current">1</li> 
    <li class="pagination_element">2</li> 
    <li class="pagination_element">3</li> 
    <li class="pagination_element">4</li> 
    <li class="pagination_element">5</li> 
</ul> 

，「當前」類將各種LI標籤之間切換。我正在拍攝，以便隨時可以觀察這些物品的變化，然後在任何給定時間查明哪一個是「當前」。

我正在使用一個名爲attrchange的庫（http://meetselva.github.io/），它應該能夠在類更改的任何時候執行回調函數。

這裏是我的JS：

jQuery('.pagination_element').each(function() { 

    console.log(jQuery(this)); 

    jQuery(this).attrchange({ 
     trackValues: true, 
     callback: function (event) { 
      console.log('here!'); 
      console.log('Attribute Name: ' + event.attributeName + ' Prev Value: ' + event.oldValue + ' New Value: ' + event.newValue); 
     } 
    }); 

}); 

的執行console.log（jQuery的（本））;正在工作，並且每個LI都輸出到控制檯。不工作的部分是attrchange（）。當LI上的「當前」類更改時，沒有任何內容記錄到控制檯。

我已經按順序包含jQuery，jQueryUI，attrchange.js和attrchange_ext.js，並且所有這些都成功加載。

Answer 1

試試這個：

$('.pagination_element').attrchange({ 
     trackValues: true, 
     callback: function (event) { 
          console.log('here!'); 
      console.log('Attribute Name: ' + event.attributeName + ' Prev Value: ' + event.oldValue + ' New Value: ' + event.newValue); 
     } 
}); 

Example