jquery - 选择内联 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>

如您所见，所有按钮都在同一行(除非窗口太小)，但选择按钮不在同一行。
如果将选择更改为按钮，则一切正常。
我怎样才能使选择出现在同一行？
非常感谢!

Answer 1

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

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