Html jquerymobile&;数据角色:使用数据属性是否不好

Html jquerymobile&;数据角色:使用数据属性是否不好,html,jquery-mobile,web,markup,Html,Jquery Mobile,Web,Markup,在jQueryMobile中,您必须将数据属性应用于HTML,以便jQueryMobile知道如何处理它。例如,如果希望链接具有幻灯片过渡,可以执行以下操作: <a href="#" data-transition="slide"> </a> $(document).bind("mobileinit", function(){ $.mobile.defaultPageTransition = "slide"; }); 当您将样式(在幻灯片中)指定给内容(a标记

在jQueryMobile中,您必须将数据属性应用于HTML,以便jQueryMobile知道如何处理它。例如,如果希望链接具有幻灯片过渡,可以执行以下操作:

<a href="#" data-transition="slide"> </a>
$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition = "slide";
});

当您将样式(在幻灯片中)指定给内容(a标记)时,这似乎是一种糟糕的做法。通常,HTML应该只包含具有语义属性的内容,像jQuery和CSS之类的东西应该对这些语义属性应用样式

它还会使代码重复。例如,如果您有20个链接,则必须将data transition=“slide”应用于所有链接,如果您决定将来使用不同的转换,则需要大量维护

因此,以这种方式使用数据属性是一种糟糕的做法吗


我四处搜索了一些文章,介绍了如何使用jQuery Mobile的另一种方法,但似乎这是唯一的方法。所以我想我会问一下,以确保我的理解没有错

我认为使用数据属性是一种不错的做法。在任何情况下,您都可以为jQueryMobile设置一些默认配置,并尽量减少它们的使用。检查文件

例如,您可以指定以下内容,而不是向所有链接添加属性
数据转换

<a href="#" data-transition="slide"> </a>
$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition = "slide";
});
还有其他可用的配置选项。我建议你看看前面的链接