2011-04-05 28 views
0

我使用jQuery在我的ASP.NET MVC應用程序更好的用戶體驗。我想知道是否可以將按鈕組合在一起?不是選項按鈕而是簡單的按鈕。例如:是否可以將buttonA + buttonB + buttonC分組在一起,接着是一些空格,然後將buttonD + buttonE + buttonF分組在一起?非常感謝你:)與jQuery一起分組按鈕?

+2

@Bronzato:你的意思是可見的分組或邏輯分組?你想看到它,還是他們有相同的行爲?這是jQuery還是隻是Html? – Marnix 2011-04-05 13:46:07

+0

@Marnix:我的意思是可見的分組。我想要在它們之間有一些沒有像素的按鈕(比如Gmail工具欄)。 – Bronzato 2011-04-05 14:09:59

+1

這更是一個CSS的問題就不是js的 – redsquare 2011-04-05 14:11:15

回答

2

如果你正在尋找一個工具欄,這http://jqueryui.com/demos/button/#toolbar鏈接應該是對你非常有幫助...

另外,如果你對你的網站主題的有用)

HTML

<div class="group"> 
    <button>Button A</button> 
    <button>Button B</button> 
</div> 
<div class="group"> 
    <button>Button C</button> 
    <button>Button D</button> 
</div> 

JS

`$('.group').buttonset();` 

CSS

.group{margin-right: 20px;float: left;} 

還檢查demo這裏http://jsbin.com/aniye5/edit

+1

準確地說,我正在建議。 +1 – Kieron 2011-04-05 14:13:38

+0

+1思想一樣loool – Val 2011-04-05 14:14:46

+0

感謝您的回覆。我會盡快嘗試,並保持聯繫。 – Bronzato 2011-04-05 15:53:49

0

如果你只是想要一些按鈕組,而不是用一些花哨的jQuery的GUI,可以float:left一個ulli元素旁邊彼此。經常做的事情。

例如:與firebug選中此website