1

我无法通过以下方式正确组织 jQuery Mobile 组件：

修改后的截图

我试图建立这个固定的搜索栏，但经过多次尝试，我最终来到这里，寻求帮助。

<div data-role="header" data-position="fixed" data-theme="b">
        <a data-role="button" class="ui-btn-lft" href="#pgIndex" data-icon="arrow-l" data-theme="b">Back</a>
        <h1>Title</h1>
    </div>
    <div data-role="header" data-theme="b" id="second-header">
        <div style="float:left; width: 75%;">
            <select name="selCombo1" id="selCombo1" data-mini="true">
                <option value="0">Option 0 - All</option>
            </select>
            <span style="margin-bottom: 3px;"></span>
            <select name="selCombo2" id="selCombo2" data-mini="true">
                <option value="0">Option 0 - All</option>
            </select>
        </div>
        <div style="float:right; width: 25%;">
            <a data-role="button" data-mini="true" data-icon="search" data-iconpos="top" data-rel="back">Search</a>     
        </div>
    </div>

有没有一种简单的方法来归档这个？

完整的代码在 jsFiddle：http: //jsfiddle.net/mbarni/rjdt2/

4

1 回答 1

4

您可以通过在类中附加一个 div 来实现与第二个标题级别类似的效果：

class="ui-bar ui-bar-b"

到你的标题。这是一个使用您的代码的简单示例。

JSFiddle 示例

有关更多信息，请查看此文档的底部

于 2013-05-17T17:29:45.707 回答