选择inline jquerymobile

Question

我想知道如何在同一行的按钮上进行选择。

Here is my code

<div id="commands">
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <a data-role="button" data-inline="true" data-rel="dialog">Button</a>
   <select id="select-scenari" data-theme="f" data-inline="true">
       <option value="manuale">Option</option>
       <option value="fuori-casa">Option</option>
       <option value="party">Option</option>
   </select>
   <a data-role="button" data-inline="true">Button</a>
</div>

如您所见，所有按钮都在同一行上(除非窗口太小)，但不是select按钮。

如果您将选择更改为一个按钮，则一切正常。

如何使选择出现在同一行上？

非常感谢!

Answer 1

我看起来好像只在示例中的a标记上识别了data-inline="true"。通过将相同的类应用于包装select的div，您可以获得相同的结果：

http://jsfiddle.net/H9W2d/2/

Answer 2

将选择项从div中取出，或者在按钮周围使用div，在选择项周围使用div并将它们浮动。