JQuery在iPad/iPhone上操纵div宽度

我有许多div从0变为可变宽度。 这在iPad/iPhone上不起作用；跳水队保持在0

获取Html:

我已经厌倦了从动画到宽度和css的改变，但不起作用

为什么这似乎只发生在苹果设备上

有什么解决办法吗

---

谢谢

解决了！问题在于CSS与Jquery动画无关

百分比的值是多少？什么时候动画被称为您的动画？百分比数据属性是如何赋值的？值是多少？抱歉-在制作并附加html后调用animate：

var items = {
              item1:22,
              item2:55,
              item3:88,
              item4:36
             };

  for (var key in items ){
      $('.bars').append("<li><div data-percentage='"+items[key]+"' data-title='"+key+"' class='bar'></div></li>"); 
  };

function animate(){
   $(".bars .bar").delay(1000).each(function(i){
      var percentage = $(this).data('percentage');

      $(this).delay(i+"00").animate({'width': percentage + '%'}, 700);

   });
}