在1.4.5中使用jquery移动类的正确方法是什么

时间:2017-01-08 19:06:28

标签: jquery-mobile

因为我使用了jquery移动设备已经有一段时间了,我注意到类值现在被添加到元素中  一根长串。这是正确的方法还是仍然使用data-role =按钮。

1 个答案:

答案 0 :(得分:0)

不,请使用class="ui-btn",但文档说:请注意,在1.4数据中,属性仍然有用。

其中,从data-roleclass的更改主要是出于性能目的而做的 - 此外,只要有可能,您也可以使用预呈现标记。可能有点冗长,但在我看来,它会加速很多事情,特别是在旧硬件上。

来自jQuery Mobile Documentation:

  

要将锚点或按钮元素设置为jQuery Mobile按钮添加   适用于标记的类,而不是数据属性。

     
      
  • 数据角色="按钮" →class =" ui-btn"
  •   
  • 数据-主题="" →class =" ui-btn-a"
  •   
  • 数据-角="真" →class =" ui-corner-all"
  •   
  • 数据阴影="真" →class =" ui-shadow"
  •   
  • 数据迷你="真" →class =" ui-mini"
  •   
  • 数据图标="家用" →class =" ui-icon-home"
  •   
  • 数据iconpos ="右" →class =" ui-btn-icon-right"
  •   
  • 数据iconshadow ="真" →class =" ui-shadow-icon"
  •   

以下是完整的参考资料:jQuery Mobile 1.4 Upgrade Guide

除了样式,大多数更改都在页面导航中,您可能需要仔细阅读Gajotres中的这篇文章:Page events order in jQuery Mobile – Version 1.4 update