使用jQuery mobile更改按钮的主题

Question

我已经从jQuerymobile网站下载了主题文件，但主题没有应用到我的按钮，我错在哪里？ 在html文件中我已经像这样导入了它

<link rel="stylesheet" href="css/themes/my-custom-theme.css" />    
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
 <link rel="stylesheet"
 href="http://code.jquery.com/mobile/1.4.2/jquery.mobile.structure-1.4.2.min.css" /> 
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.2/jquery.mobile-1.4.2.min.js"></script> 

并且按钮的代码是

 <a href="iheadache.html" data-theme="a" style="height:30px;" class="ui-btn">
 Add a log</a>

Answer 1

我看到你使用的是jQuery Mobile 1.4.2。

data-theme="a"适用于此版本，但您也可以使用课程class="ui-btn-a"

您可以在doc：http://demos.jquerymobile.com/1.4.2/button-markup/

上查看此内容

Answer 2

删除类ui-btn并添加data-role =＆＃34;按钮＆＃34;它应该工作。

<a data-role="button" href="iheadache.html" data-theme="a" style="height:30px;">
 Add a log</a>