0

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

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

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

它还会使您的代码重复。例如，如果您有 20 个链接，则必须对所有链接应用 data-transition="slide"，如果您决定将来要使用不同的过渡，这将需要大量维护。

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

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

4

1 回答 1

1

我认为使用数据属性并不是一个坏习惯。无论如何，您总是可以为 jQueryMobile 设置一些默认配置并尽量减少它们的使用。检查文档的这一部分。

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

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

还有其他可用的配置选项。我建议您查看上一个链接。

于 2012-11-05T09:32:49.797 回答