将按钮与jQuery一起分组?

时间:2011-04-05 13:44:01

标签: jquery css

我在ASP.NET MVC应用程序中使用JQUERY以获得更好的用户体验。我想知道是否可以将按钮组合在一起?不是选项按钮而是简单的按钮。例如:是否可以将buttonA + buttonB + buttonC组合在一起,然后按下一些空格,然后按下按钮D +按钮E +按钮F组合在一起?非常感谢你:))

2 个答案:

答案 0 :(得分: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 :(得分:0)

如果您只想要一些按钮进行分组而不使用某些花哨的jQuery GUI,则可以float:left ul li元素彼此相邻。经常做的事情。

例如:使用website检查此firebug