2

我希望我所有的 (data-role="button") 的主题都是 ( data-theme="b") 浅蓝色..

我知道编写 jQuery 的人不会认真地浪费他们的生命来重新输入数千次。那么它是否像定义了 .css 属性一样应用，我只需要将它放在我的标题中或将另一个 .js 文件链接到它？

在 CSS 中，我知道它看起来.button { data-theme: b; }很容易。聪明的人通过在一个地方完成需要一遍又一遍地重复的任务来节省时间。

但在 jquery 中，它似乎总是写成..

<div data-role="navbar">
    <ul>
        <li><a href="#home" data-role="button" data-icon="home" data-theme="b">Home</a></li>
        <li><a href="#" data-role="button"data-icon="arrow-r" data-theme="b">Blog</a></li>
        <li><a href="#videos" data-role="button" data-icon="arrow-r" data-theme="b">Videos</a></li>
        <li><a href="#photos" data-role="button" data-icon="arrow-r" data-theme="b">Photos</a></li>
        <li><a href="#tweets" data-role="button" data-icon="arrow-r" data-theme="b">Tweets</a></li>
    </ul>
</div>

有没有办法解决这个问题，或者将其保留为默认主题是否更聪明？

4

1 回答 1

2

您应该能够通过结合<a>标签和button属性的 JQuery 选择器来实现这一点。

$("a[data-role='button']").attr("data-theme","b");

编辑

显然，刷新 JQuery Mobile 主题可能有点棘手。在 SO 上被问了几次；这里有一些信息。来自 JQM 常见问题解答。

于 2012-12-18T21:02:15.493 回答