Jquery mobile Jquery Mobile:在标题中选择框_Jquery Mobile_Html Select

Jquery mobile Jquery Mobile:在标题中选择框

jquery-mobile

Jquery mobile Jquery Mobile:在标题中选择框,jquery-mobile,html-select,Jquery Mobile,Html Select,是否仍要在标题中添加选择框我已经用这个代码进行了测试 <div data-role="header" data-position="inline" data-theme="b"> <h1>My Page</h1> <select> <option>Option 1</option> <option>option 2</option> </

是否仍要在标题中添加选择框

我已经用这个代码进行了测试

<div data-role="header" data-position="inline" data-theme="b">
    <h1>My Page</h1>
    <select>
        <option>Option 1</option>
        <option>option 2</option>
    </select>
 </div>


我的页面
选择1
选择2

但它不起作用

编辑：

对不起，问题不太清楚。在上面的代码中，我在标题中有一个选择框，但选择框居中（在页面标题下方）。我想要的是，选择被放置在右边（就像标题中的一个按钮）

|[返回]----标题----[选择框]|

您到底看到了什么/没有看到什么？我将您的代码放在jQuery移动页面中，在页面标题中得到了预期的select字段。以下是我使用的代码片段，它在桌面和移动Safari（iPad）中显示为OK：

如果您想使用实际的Select元素，那么使用

data role=“none”

将其封装在锚定标记中对我来说很有用

e、 g


选择一
选择二

太好了，我在android emulator和android设备上进行了测试，它看起来就像我想要的一样。谢谢，这对我的选择没有帮助，但它让我发现了数据角色=“无”。我非常愤怒，jquerymobile试图修改我的代码，而我却不要求在任何地方添加类！！！谢谢你！！

<body>
  <div data-role="page" id="somepage" data-theme="c">
    <div data-role="header" data-position="inline" data-theme="b">
      <h1>My Page</h1>
      <select>
       <option>Option 1</option>
       <option>option 2</option>
      </select>
    </div>
    <!-- rest of page -->
  </div>
<body>

<div data-role="header" data-position="inline" data-theme="b">
  <h1>My Page</h1>
  <div data-role="fieldcontain" style="position: absolute; top: 0; right: 0; margin: 0; padding: 0">
    <select>
      <option>Option 1</option>
      <option>option 2</option>
    </select>
  </div>
</div>
...

<div data-role="header">
    <a data-role="none">
        <select>
            <option value="1">Option One</option>
            <option value="2">Option Two</option>
        </select>
    </a>
</div>