2012-04-11 9 views
47

jQuery Mobileに入力ボックスと送信ボタンのスタイルを設定しないように指示できますか?私は自分のカスタムCSSでいいです。 jQueryモバイルスクリプトは、自分のすべての要素に独自のスタイルを適用しています。特定のフォーム要素にスタイルを適用するためにjQuery Mobileを停止するにはどうすればいいですか?

私が試した1つの回避策は、私のカスタムCSSのこれらの要素をオーバーライドしています。私はこれを行うことができる他の機能はありますか?この

$.ignoreStyles("button,text"); 

答えて

100

jQueryのモバイルのようないくつかのことは、そのdata-role属性noneに設定されている要素を無視します。したがって、これらの属性をマークアップに追加するだけで簡単に追加できます。

<input type="text" name="foo" data-role="none" /> 
<button type="button" id="bar" data-role="none">Button</button> 
+3

を試してみてください特定のページや特定の要素でjqueryのモバイルスタイリングを避ける必要のある例外の場合は、非常にうまく動作します。 – Kon

+0

data-role = "none"の送信ボタンはまだ動作していますか? – utdev

6

これは私のために働きます。

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 

<div data-enhance="false"> 
    <input type="checkbox" name="chkbox1" id="chkbox1" 
     checked /> 
    <label for="chkbox1">Checkbox</label> 
    <input type="radio" name="radiobtn1" id="radiobtn1" 
     checked /> 
    <label for="radiobtn1">Radio Button</label> 
    </div> 
+0

素晴らしいです、ありがとう! – gvsrepins

2

@angelokhソリューションが私のために働いた。また、次のリンクを見てください:

http://my.safaribooksonline.com/book/-/9781849517225/7dot-configurations/ch07s06_html

またキーがあるなど、jquery.mobile.js前に、次のスクリプトを追加します。

$(document).bind("mobileinit", function() { 
    $.mobile.ignoreContentEnabled = true; 
}); 
+0

与えられたリンクには解決策がありますが、ここであなたの答えは完全ではありません...とにかくthanx –

+1

ですが、次にjquery mobileを使用する目的は何ですか? – yvonnezoe

-1

この

$(document).on('pagebeforecreate', function(e) { 
    $.mobile.ignoreContentEnabled=true; 
}); 
関連する問題