Question

也许我的问题有点混淆让我澄清一下

我使用Jquery Mobile, 我想让它屏幕转换等等, 但我不希望所有的UI样式自动应用到我的元素上。

我目前的问题是我的链接中应用的“ 坚固的 ui- link < / strong” 。其它的“ 坚固的 < ui- link < / strong >, 目前并不困扰我。

我希望以“友好的方式”避免这一问题(不重写许多 CSS 或删除它们)。

有没有办法让一个元素免受这些自动造型的影响?

我写的代码是:

<div class="page" id="home" data-role="page">
   <a class="bt" href="#page2">Page Two</a>
</div>

Jquery 移动生成代码

<div id="home" class="page ui-page ui-body-c ui-page-active" data-role="page" data-url="home" tabindex="0" style="min-height: 361px;">
   <a class="bt ui-link" href="#page2">Page Two</a>
</div>

谢谢!

Answer 1

找到它了,希望它能帮助有同样问题的人

在元素中仅应用 data-pole="none" 。

防止窗体元素自动初始化

If you d prefer that a particular form control be left untouched by jQuery Mobile, simply give that element the attribute data-role="none". For example:

<label for="foo">
<select name="foo" id="foo"  data-role="none">
    <option value="a" >A</option>
    <option value="b" >B</option>
    <option value="c" >C</option>
</select>

http://jquerymobile.com/demos/1.0b2/#/demos/1.0b2/docs/forms/docs-forms.html

Answer 2

$(".ui-link").removeClass("ui-link");

这应该能从所有拥有该类的人中除去:-)

友情链接