2011-11-03 45 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和周圍的選擇和浮動它們。