2011-04-05 67 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