是否有可能在jquery mobile的搜索輸入旁邊有一個按鈕？

Question

jQuery手機文檔中的所有表單示例都在其自己的行上顯示每個表單元素。我想在搜索輸入字段的右側有一個標準按鈕（將鏈接到另一個頁面）。這可能與jQuery Mobile？

由於

Answer 1

本身不作爲嵌入單元。然而，形式元件可連同佈局網格系統合理有效地使用：

http://jquerymobile.com/demos/1.1.0/docs/content/content-grids.html

Answer 2

JQM的UI柵格寬度相等的力列。在我的情況下，我想提交按鈕只是圖標，以允許搜索框更多的空間。我看到<table>在幾個帖子中提到，但發現其他輸入（特別是selectmenu）在他們是意外元素的孩子時無法正常工作。 [1]

因此，爲了避免小部件的損壞，我管理這個：

.ui-grid-a.my-grid-a .ui-block-a.my-block-8515-a { 
    width: 84.95%; 
} 
.ui-grid-a.my-grid-a .ui-block-b.my-block-8515-b { 
    width: 14.95%; 
} 

這不是防彈的，但它可以擴展到更多的電網定義。它使用特殊性來獲取現有UI的所有網格規則，但是然後重新定義列寬。沒有內聯樣式，沒有額外的標籤，並且小部件不會中斷。由於特殊性，可以在jQM的結構樣式表之後在或之前加載。

[1]：https://github.com/jquery/jquery-mobile/issues/6077 JQM Github的bug報告

Answer 3

有了新版本，您可以： http://view.jquerymobile.com/1.4.0/demos/controlgroup/#Textinputs

舊式的解決方案仍然有效：覆蓋用戶界面輸入搜索

div.ui-input-search{ 
    width: 55%; 
    display: inline-block; 
} 

別忘了在href的類中添加 ui-btn-inline（如果使用Button標記語法）