2011-05-17 85 views
10

我有像这样页脚中的标准链接我想要的风格我自己的方式:我怎样才能让CSS的JQuery Mobile忽略元素?

<div data-role="page"> 
<div id="footer" data-role="footer" data-position="fixed"> 
    <a href="somelink.html>some link</a> 
</div> 

我想<a>标签保持原样,而不是被转移到这一点:

<a href="somelink.html" data-theme="a" class="ui-btn ui-btn-corner-all ui-shadow ui-btn-up-a"> 
    <span class="ui-btn-inner ui-btn-corner-all"> 
     <span class="ui-btn-text">some link</span> 
    </span> 
</a> 

是否有某种属性可以添加到链接来阻止JQM生成这个主题代码?我需要类似于data-role="none"类的解释here(但不适用于表单元素)

回答

18

就像您所说的那样,将data-role =“none”属性添加到锚标记。

HTML:

<div data-role="page"> 
    <div id="footer" data-role="footer" data-position="fixed"> 
     <a href="somelink.html" data-role="none">some link</a> 
    </div> 
</div> 
+1

阿当然是 - 我使用的是错误版本(alpha 2),并且已在最新版本(alpha 4)中修复:/ – giles 2011-05-17 14:07:49

+0

谢谢!正是我在找什么。当你想为某些元素“关闭”JQuery Mobile UI时,这特别有用。例如:@ Html.RadioButtonFor(g => g.myProfile.Gender,“Female”,new {data_role =“none”})女性 – KennyJacobson 2012-06-20 23:12:44