0

我很难在 jquery mobile 中获取文本和选择菜单。

我现在得到的是：一行中的文本，但在另一行中选择菜单

但我想让它们在同一行

我的代码是：

<!--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 回答