1

mobiscroll のドキュメントには、

このプリセットは、通常の HTML 選択を拡張して、スクローラーで値を選択します。元の選択は非表示になり、代わりにダミーの入力が表示されます。選択の値は、プリセットによって維持されます。

彼らが提供するサンプル HTML コードは、インライン スタイルを使用して元の選択要素を非表示にします。

<select name="City" id="select" style="display:none">

ただし、これを実行してmobiscrollの置換をインラインで表示するように設定すると

$('#select').scroller({preset:'select',theme:'default',display:'inline',mode:'scroller',inputClass: 'i-
txt'});

スクローラーが表示されますが、その上に入力要素のように見えるものが残っていることがわかりました。これはデモコードでは発生しませんが、彼らが行うことは次のようなものであることに注意してください

<div id="select_cont" style="display: none;">
<select name="City" id="select">

しかし、それは mobiscroll の置換を含むすべてを単に非表示にします。カバーの下を見ると、私は呼び出していることがわかりました

$('#select').scroller({preset:'select',theme:'default',display:'inline',mode:'scroller',inputClass: 'i-
txt'});

ダミーの入力要素を DOM に導入します。

<input id='cities_dummy'...

を発行することで、ダミーを非表示にすることができます

$('#cities_dummy').css('display','none')

スクローラーを作成した直後。ただし、デモ コードで動作が異なる理由がわかりません。私は最新バージョンを使用していますが、彼らは jQuery Mobile v 1.1.1 を使用していることに注意しました。

おそらく、この問題はバージョンに関連していますか? それとも、ここで何か他のことが行われていますか? 助けていただければ幸いです。

4

1 に答える 1

2

私はそれを考え出した。それはすべてにかかっています

inputClass:i-txt

スクローラー オプション設定のビット。デモ コードでは、オプション オブジェクトの表示プロパティの値に応じて、スクリプトを介してこのクラスを操作している可能性があります。ポイントはこれです-スクローラーディスプレイが「インライン」に設定されているときに元の選択を非表示にするには、i-txt（または使用する入力クラス）を次のように定義する必要があります

.i-txt{display:none}
于 2012-11-12T07:41:54.090 に答える