我在jQuery Mobile 1.3.1中設置了一個窗體對話框,提交窗體的按鈕佔用了所有可用空間。jQuery Mobile對話框按鈕佔用所有空間
,並在最後按鈕:
正如你所看到的,它涵蓋了。
沒有它:
這很好,但我需要的按鈕提交數據。
我試圖服務一個jsFiddle來重現我的問題,但我不知道如何設置一個例子,在這種情況下,我需要兩個頁面。對不起。
這裏是用來建立對話框代碼:
<!DOCTYPE html>
<html lang="es">
<body id="derp" data-role="page">
<header id="header" data-role="header" data-position="fixed" data-tap-toggle="false" data-theme="c">
<h1 id="titulo_header">Aaaaa </h1>
</header>
<div data-role="content" data-theme="c">
<form method="post" action="#">
<fieldset data-role="controlgroup" data-mini="true" id="jv_add_jugadores_local">
<legend>Aaaaa Aaaaa AaaaaaaAaaaa Aaaaa AaaaaaaAaaaa Aaaaa Aaaaaaa:</legend>
<label>01 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="2">
</label>
<label>02 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="9341">
</label>
<label>05 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="4">
</label>
<label>09 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="336">
</label>
<label>13 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="506">
</label>
</fieldset>
<fieldset data-role="controlgroup" data-mini="true" id="jv_add_jugadores_visitante">
<legend>Aaaaa Aaaaa AaaaaaaAaaaa Aaaaa AaaaaaaAaaaa Aaaaa Aaaaaaa:</legend>
<label>03 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="9242">
</label>
<label>09 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="1117">
</label>
<label>11 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="464">
</label>
<label>14 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="732">
</label>
<label>18 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="9305">
</label>
<label>22 -- Aaaaa Aaaaa Aaaaaaa
<input type="checkbox" name="eLoc[]" value="9241">
</label>
</fieldset>
<button type="submit" data-icon="check" id="add_jugadores">Añadir</button>
</form>
</div>
</body>
</html>
編輯: 這是我用於樣式對話框中唯一的CSS:
.ui-dialog-contain {
max-width: 900px !important;
}
這是什麼我期待得到(我編輯的圖像,所以它不是解決方案)
你怎麼想這個按鈕是什麼樣子?你也應該添加你的CSS。 – Gajotres
我沒有自定義的CSS對話框,我正在使用類似Android的Holo主題。我將用預期結果的圖像進行更新。 – Deses
我在問,因爲在你的圖片上2個字段集合在一起,但是在一個真實的例子中,沒有css或jQuery移動網格就無法完成。 – Gajotres