0

jquery モバイルでテキストを取得してメニューを選択するのに苦労します。

私が今得たのは、1行のテキストですが、他の行のメニューを選択することです

しかし、私はそれらを同じ行に作りたい

私のコードは次のとおりです。

<!--camera function starts here-->
            <div data-role="fieldcontain" class="text-field">
                <b>Report your Photo: </b><select id="select-choice" data-native-menu="false"
                    data-inline="true" data-icon="gear" data-theme="a"
                    name="select-choice" tabindex="-1">
                    <option value="None">Add Photo</option>
                    <option id="capturePhotoBnt" value="takePhoto">Take Photo</option>
                    <option id="fromLibrary" value="fromLibrary">From Libray</option>
                </select>

                <div id="image_canvas"></div>
                <span class="imageHelp" style="display: none;"><font
                    color="red">Please take a photo !</font></span>
            </div>

どんな提案も役に立ちます、ありがとう。

4

1 に答える 1

1

の CSS を次のように設定してみてくださいselect。

/* in a CSS Stylesheet*/
select#select-choice {
    display: inline;
}

<!-- as an inline style -->
<select id="select-choice" style="display: inline;" data-native-menu="false" data-inline="true" data-icon="gear" data-theme="a" name="select-choice" tabindex="-1">

//or through jQuery
$('select#select-choice').css('display', 'inline');

selectまだインライン表示に設定されていないと仮定すると、それは修正されるはずです。これはモバイル アプリケーションであるため、「ディスプレイの幅は、テキストと選択項目の両方を並べて表示するのに十分ですか?」と尋ねなければなりません。

両方が同じ行に収まるようにするには、フォントサイズと幅をいじる必要があるかもしれません。

于 2012-10-12T15:57:26.347 に答える