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 に答える