Question

我有这个HTML页面：

     <div style="width: 100%;position: absolute; bottom: 0px; height: 49px;" id="TabBar">
  <ul>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"    /><br /><label>Home</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon " src="/assets/builder/tabIcon.png"   /><br /><label>About</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Gallery</label></li>
    <li  role='{"type":"tabbar"}' class="itemClickable"><img class="tabIcon" src="/assets/builder/tabIcon.png"   /><br /><label>Contact-Us</label></li>
  </ul>
  <img src="/assets/ide/add_48.png" id="AddTab"   />
</div>

我需要检测'li'元素的任何变化。例如，标签文本的更改或标签颜色，类的更改，图像的更改以及可能的每个更改。由于它的许多标签在另一个内部，我尝试的一切都没有触发标签颜色的变化。有没有办法检测这种变化没有特定的路径，如“ul li .item”？我希望能够检测到其他元素的这种变化。

Answer 1

使用Object.observe的HTML5解决方案

http://updates.html5rocks.com/2012/11/Respond-to-change-with-Object-observe https://github.com/jdarling/Object.observe（polyfill / shim）

如何使用jquery检测元素的任何变化？

1 个答案: