Jquery Mobile＆amp;数据角色：使用数据属性是不好的做法

Question

在jQuery Mobile中，您必须将数据属性应用于HTML，以便jQuery Mobile知道如何处理它。例如，如果您希望链接具有幻灯片转换，则可以执行以下操作：

<a href="#" data-transition="slide"> </a>

这似乎是不好的做法，因为您要将样式（在幻灯片的情况下）分配给内容（标签）。通常，HTML应该只包含具有语义属性的内容，而jQuery和CSS之类的东西应该将样式应用于这些语义属性。

它还会使您的代码重复。例如，如果您有20个链接，则必须对所有这些链接应用data-transition =“slide”，如果您决定将来要使用其他转换，则需要进行大量维护。

因此，用这种方式使用数据属性是不好的做法？

我一直在寻找解释如何使用jQuery Mobile的另一种方式的文章，但似乎这是唯一的方法。所以我想我会问它以确保我的理解没有错！

Answer 1

我认为使用数据属性并不是一种坏习惯。在任何情况下，您始终可以为jQueryMobile设置一些默认配置并最小化它们的使用。查看文档的this section。

例如，您可以指定以下内容，而不是将属性data-transition添加到所有链接：

$(document).bind("mobileinit", function(){
  $.mobile.defaultPageTransition = "slide";
});

还有其他配置选项可供选择。我建议你看看上一个链接。