2011-11-03 63 views
0

我想知道热得到选择在同一行按钮。选择内联jquerymobile

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> 

正如你所看到的所有按钮都在同一行的(除非窗口太小),而不是选择。
如果您将选择更改为按钮,则一切正常。
我如何使选择出现在同一行?
非常感谢!

回答

1

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

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

1

从选择出来的div,或围绕按钮使用div和周围的选择和浮动它们。