javascript - インライン CSS が JQM で機能しない

Question

私はphonegapを使い始めたので、初めてです。私はそれに JqueryMobile を含めました。それはすべてうまく機能しますが、たとえばテキストフィールドのスタイルを変更するにはどうすればよいですか? のようなインラインCSSを使用する場合

<input type="text" style="width:30px;" /> 

うまくいきません。これを行う別の方法はありますか？

Answer 1

入力幅を変更する必要がないため、機能していません。その要素はjQuery Mobileで非表示になっています。そのラッパー DIV を変更する必要があり、これは JavaScript を介してのみ行うことができます。

作業例: http://jsfiddle.net/Gajotres/kSAGf/

$(document).on('pagebeforeshow', '#index', function(){ 
    $('#custom-input').parent().css('width','30px');    
});