0

少し前にこの質問を Codiqa サポートにも投稿したので、stackoverflow を Codiqa サポート センターにしようとしているわけではありません。Codiqa をサポートしている多くの人がここにいることを知っているだけですが、許可されていない場合はお知らせください。このサイトの製品のサポートを求める...

それはさておき、データベースからの情報を使用して for ループを介して入力される最大 5 つのオプションを表示する size="5" 属性を持つ選択ボックスがあります。アイデアは、この選択ボックスがリストボックスとして機能し、ユーザーが選択ボックスに情報を表示することです。ただし、一般的に Codiqa または jquery mobile は、選択ボックスを、クリックしたときにのみコンテンツを表示できるボタンに変換します。これにより、このインスタンスのクライアントに余分で不要な手順が追加されます。Codiqa または jquery mobile にサイズ属性を適用させて、ユーザーがクリックして表示しなくても入力された情報を表示できるようにするにはどうすればよいですか?

ありがとうございました！

Chrome ブラウザ

ここに画像の説明を入力

コディカ

ここに画像の説明を入力

4

2 に答える 2

1

Codiqaの作成者はこちら。これは jQuery Mobile の動作であり、そのフォーム要素を拡張しないように指示することで無効にできます。

<label for="foo">
<select name="foo" id="foo" size="5" data-role="none">
    <option value="a">A</option>
    <option value="b">B</option>
    <option value="c">C</option>
</select>

Codiqa 内でこれを行う方法はまだありませんが、簡単に追加できます。

于 2013-05-23T16:52:47.027 に答える
0

作業例: http://jsfiddle.net/bagz8/

ページが利用可能な場合、プログラムで select を強制的に開くことができます。

$(document).on('pagebeforeshow', '#index', function(){ 
    $( "#select-choice-4" ).selectmenu( "open" );
});

これは回避策になります。

編集 ：

次に、jQuery Mobile で選択ボックスのスタイルを設定しないように強制します。いくつかの解決策がありますが、おそらくこれが最適です: http://jsfiddle.net/bagz8/1/

$(document).bind('mobileinit',function(){
    $.mobile.page.prototype.options.keepNative = "select";
});

警告、mobileinitjQuery Mobile をロードする前にイベントを初期化する必要があります。私の例でそれを見ることができます。

強化防止の解決策は他にもいくつかあります。ここでテーマを見つけることができます。次の章を探してください。Methods of markup enhancement prevention

于 2013-05-23T17:01:42.363 に答える