0

jQueryMobileで3つのリストを並べて設定することに問題があります。残念ながら、ui-gridを使用できません。これは、それらを非表示にするスクリプトがあり、0〜3の数値（これは別のリストです）に基づいて、同じ数のリストが表示されるためです（動的に中央に配置されるリストがあります） 。また、上司によると、各リストには丸いエッジが必要なため、data-role = "fieldcontain"を使用できません（中央のリストには鋭いエッジがあります）。これが私のコードです：

<div class="centerplease">
   <div id="A1">
   @Html.DropDownListFor(x => x.ChildAge_A1, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div>

   <div id="A2">
   @Html.DropDownListFor(x => x.ChildAge_A2, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div>

   <div id="A3">
   @Html.DropDownListFor(x => x.ChildAge_A3, ChildAge,
   new { data_mini = "true", data_inline = "true", data_icon = "false"})</div> 
</div>

ご協力いただきありがとうございます！

4

1 に答える 1

1

このフィドルは役立つかもしれません：

http://jsfiddle.net/dhavaln/y8JAs/

選択ボックスを揃えるために次のcssを配置しました。

.ui-select{
    float: left;
    width: 33%;
}​
于 2012-06-09T06:24:43.500 に答える