JQuery 在 iPad / iPhone 上操作 div 宽度

Posted 2023-03-12

【中文标题】JQuery 在 iPad / iPhone 上操作 div 宽度

【英文标题】：JQuery manipulate div width on iPad / iPhone

【发布时间】：2014-11-27 11:03:01

【问题描述】：

我有许多从 0 变为可变宽度的 div。 这在 iPad/iPhone 上不起作用； div 只停留在 0

获取 html：

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);

   );

我已经厌倦了从动画更改为宽度和 css 但不起作用。

为什么这似乎只发生在 Apple 设备上？

有什么解决办法吗？

谢谢

【问题讨论】：

percentage的值是多少？

什么时候调用animate（你的动画）？百分比数据属性是如何赋值的？价值是多少？

对不起 - animate() 在 html 被制作和附加后被调用：

【参考方案1】：

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