1

也许我的问题有点混乱，让我澄清一下。

我正在使用 Jquery Mobile，我想要它的屏幕转换和其他东西，但我不希望所有这些 UI 样式自动应用于我的元素。

我当前的问题是应用于我的链接的ui-link 。其他的ui-whatever暂时不打扰我。

我想以“友好的方式”避免这个问题（无需重写大量 CSS 或再次删除它们）。

有什么方法可以使元素不受这些自动样式的影响？

我写的代码：

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

Jquery Mobile 生成的代码

<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>

谢谢！

4

2 回答 2

2

找到了！希望它可以帮助有同样问题的人。

只需应用于data-role="none"元素。

防止表单元素的自动初始化

如果您希望 jQuery Mobile 不触及特定的表单控件，只需为该元素赋予属性 data-role="none"。例如：

<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

于 2012-05-23T16:28:02.093 回答
0 
$(".ui-link").removeClass("ui-link");

那应该从所有拥有它的类中删除该类:-)

于 2012-05-23T16:11:41.800 回答