JQuery окно мобильного поиска с кнопкой в ​​поле на всю ширину

Я много искал для размещения кнопки поиска в правой части поля поиска. Было очень трудно найти хорошее решение без множества хаков.

Единственное хорошее решение, которое я видел, это один набор полей с двумя столбцами:

http://jsfiddle.net/nXHNg/1/

<fieldset class="ui-grid-a">
    <div class="ui-block-a"><input type="search" id="searchField" data-inline="true" placeholder="Search"></div>
    <div class="ui-block-b"><input id="btnUpdateWhat" type="button" data-inline="true" value="OK" data-mini="true"></div>       
</fieldset>

Проблема здесь заключается в не полной ширине набора файлов. На данный момент это не полная ширина на 100%, как элемент ниже в списке. Можно ли изящно справиться с этой проблемой без хаков, чтобы работать во всех браузерах? Я имею в виду, когда я открываю его с Ipad, то он должен заполнить всю ширину экрана до 100%.

Если у вас есть другие предложения по размещению кнопки справа от поля поиска, разместите ее, пожалуйста.

Источник

1 ответ

Есть решение для вас.

Взгляните на этот плагин JQM.

Я предпочитаю прямое изменение CSS, к сожалению, это не является допустимым вариантом в сложном мобильном приложении JQM.

Источник
Другие вопросы по тегам