Question

我希望我的所有（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>

有没有办法解决这个问题，还是将它作为默认主题更聪明？

Answer 1

您应该可以使用结合<a>标记和button属性的JQuery选择器来实现此目的。

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

修改

显然，让JQuery Mobile主题刷新可能有点棘手。 It's be asked on SO a few times; here's some info. from the JQM FAQ

jQuery mobile如何将单个按钮主题应用于所有按钮

1 个答案: