jQuery Mobile:DIVのすべてのモバイルスタイリングをオフにする -- jquery-mobile フィールド 関連 問題

jQuery Mobile: Turn off all mobile styling for a div












0
vote

問題

日本語

この記事を見つけましたが、仕事を働かせることができなかった私のため。私の携帯ページで jQuery Spinner を実装しようとしていますが、私はそれを持っていたくないjQueryモバイルスタイル。

コード:

マスターページ:

<事前> <コード> <script type="text/javascript"> $(document).bind("mobileinit", function () { $.mobile.ajaxEnabled = false; $.mobile.ignoreContentEnabled = true; }); $(document).on('pageinit', function () { $.mobile.silentScroll(); }); </script> <script src="Scripts/jquery.mobile-1.4.2.js"></script>

対照:

<事前> <コード> <td class="diary_control_cell" data-enhance="false" data-role="none"> <div data-enhance="false" id='noMobileHere'> <input type="text" name="OtherTravelersCountTextBox" id="OtherTravelersCountTextBox" value="60" min="0" max="100" runat="server" data-enhance="false" data-role="none"/> </div> </td>

スピナーにしても、作成されたUIは <td> <div> にまだ含まれているため、 data-enhance="false"6 (それらのうちの少なくとも1つ)はまだ適用されます。スピナーをオフにすると、<コード> data-enhance="false" が機能します。ページのごく一部のjQueryモバイルスタイルをオフにするためのより良い方法がありますか?

編集

この問題を解決するために、次の行を使用して問題を引き起こすJQMクラスを削除しました(Spinnerを含むDIVにNOMOBILEを追加した後:

<事前> <コード> $('#noMobileHere').find('div').removeClass('ui-btn');
英語

I found this post, but had no luck getting it to work for me. I am trying to implement a jQuery Spinner on my mobile page, but I do not want it to have any jQuery mobile styles.

CODE:

In masterpage:

<script type="text/javascript">     $(document).bind("mobileinit", function () {         $.mobile.ajaxEnabled = false;         $.mobile.ignoreContentEnabled = true;     });      $(document).on('pageinit', function () {                 $.mobile.silentScroll();     }); </script> <script src="Scripts/jquery.mobile-1.4.2.js"></script> 

Control:

<td class="diary_control_cell" data-enhance="false" data-role="none">     <div data-enhance="false" id='noMobileHere'>         <input type="text" name="OtherTravelersCountTextBox" id="OtherTravelersCountTextBox" value="60" min="0" max="100"  runat="server" data-enhance="false" data-role="none"/>                                                     </div>     </td> 

Though it is made into a spinner, the UI created is still contained within the <td> and <div>, so you would assume that the data-enhance="false" (at least one of them) would still apply. When I turn off the spinner, the data-enhance="false" does work. Is there a better way to turn off jQuery Mobile styles for a small portion of the page?

Edit

To resolve this issue, I removed the jQM classes causing the issue using the following line (after adding the id noMobileHere to the div containing the spinner:

$('#noMobileHere').find('div').removeClass('ui-btn'); 
</div
  
     
     

回答リスト

1
 
vote

JQM API for textInput - 設定したい属性は呼び出されます。 <コード> data-enhanced ( d がありません)。

JQMが入力に触れたくない場合は、その両親のいずれかではなく、実際の要素に属性を設定してください。

<事前> <コード> <input data-enhanced="true" ... />

これはJQM「入力は既に強化されている」と通知します。

仕事をするべきです。

 

Check the JQM API for textinput - the attribute you want to set is called data-enhanced (you are missing the d).

If you don't want JQM to touch your input, set the attribute on the actual element, not any of it's parents.

<input data-enhanced="true" ... /> 

As this will tell JQM "the input is already enhanced".

Should work.

</div
 
 

関連する質問

2  10Sec JQuery MobileごとにDIVを自動ロードしてリフレッシュします  ( Auto load and refresh div every 10sec jquery mobile ) 
jQuery Mobileを使用していて、DIVを特定の時間間隔を更新したいです。 私はを使ってみました <事前> <コード> $( document ).ready(function() { $.getJSON( "data.json", ...

3  jQuery Mobileのいくつかのリンクがロードに立ち往生しています  ( Jquery mobile some links stuck on loading ) 
私はjQuery Mobileを使っていて、タイトルが言うように、何らかの理由でリンクスピナーのローディングスピナーで起動し、次のページを開かないでください。これがコードです: <事前> <コード> <div data-role="page"> <di...

-2  jQuery Mobile Iscrollヘッダ隠れているiOSのテキストフィールドに焦点を当てるか?  ( Jquery mobile iscroll header hiding when focus in text field in ios ) 
jQuery Mobile Iscroll Header iOSアプリでテキストフィールドフォームに焦点を合わせると隠れています。 キーボードが表示されたときにテキストフィールドにフォーカスを置いて修正されたヘッダーを作成する方法。 <事前> <コード> ...

11  jQuery Mobile Color Swatchを動的に変更します  ( Change jquery mobile color swatch dynamically ) 
JQuery-Mobileボタンの色スウォッチをJavaScriptで動的に変更したいが、「すべてのクラスやイベントハンドラの削除と追加」を除くが、それが乱雑な場合は乱用を除いてください。 それをする最善の方法は何ですか? ...

0  AjaxとjQueryでHTMLを読み込む方法  ( How to get load html with ajax and jquery ) 
jQueryMobileを使っています。最新の投稿を取得するページがあります。 ViewPosts.phpからHTMLを取得できないようにします。 <事前> <コード> $("#refresh").click(function(){ ...

1  iOS PhoneGapのためのちらつきの修正スクロールの問題  ( Flickering fix for ios phonegap causing scroll issue ) 
私はiOS PhoneGapアプリのためのコードで点滅を削除するためにコードを下回った: <事前> <コード> .ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile...

1  PhoneGap Audio Mediaファイルのアップロードを試みる - Works iOS、ファイルが見つかりませんAndroid  ( Phonegap attempting to upload audio media file works ios file cannot be found ) 
PhoneGap Media APIとiOSの場合は、オーディオを記録し、ファイルAPIを使用しているアプリを記録します。 ユーザーが accept&ampをクリックすると;アップロードボタン、アプリはそのファイルをPhoneGapのFile.FileTr...

11  jQuery Mobileボタンの背景色  ( Jquery mobile button background color ) 
これはjQuery Mobileボタンの私のコードです <事前> <コード> <a href="#" data-role="button" style="color:green; background-color:red";> Search </a> ...

1  jQuery Mobileで親ページを隠すことなくダイアログページを開くことができますか?  ( Can i open a dialog page without hiding the parent page in jquery mobile ) 
私は2ページを持っています、1つはプロフィールページであり、もう1つはプロフィールページにコメントするダイアログページです。問題は、init()メソッドが起動されたときにプロファイルページにありますが、DOMを更新しますが、ダイアログページがinit()を閉じ...

0  ASP.NET:.NET Technologiesを使用して、堅牢なWebアプリケーションを開発するために、どのツールが必要ですか? [閉まっている]  ( Asp net using net technologies to develop robust web applications what tools ) 
現在立つにつれて、この質問は私たちのQ&AMPにとって良いフィットではありません。フォーマット。私たちは事実、参考文献、または専門知識によって支持されることを期待していますが、この質問は...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有