如何阻止jQuery-ui向我的按钮添加类

Question

我的按钮空间非常小。我成功地创建了按钮，就像我需要它一样。它有以下类：class="btn btn-default（来自Twitter＆＃39; Bootstrap）。

然后我使用jQuery-ui向按钮添加了一个onclick对话框事件（参见：http://jqueryui.com/dialog/#modal-form）。现在我的按钮变得比打破布局之前更大了。当我用firebug查看按钮时，我看到jQuery-ui在我的按钮中添加了几个类＆＃34;没有询问＆＃34;看起来像是：class="btn btn-default ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"

如何保持jQuery-ui对话框onclick事件，但是没有将所有这些额外的CSS类添加到我的按钮？

Answer 1

我认为您使用的是Dialog|jQuery UI示例页面中提供的相同源代码。

如果是，您提到的问题是由这行代码$( "#create-user" ).button()引起的，它是jqueryUI 按钮的一部分，请参阅文档here。

所以，删除那里的初始化，问题就解决了。

有关类似的实施，请参阅demo。

此外，如果你想在对话框中为按钮实现自定义CSS，你应该修改jqueryUI CSS或添加一个类来根据需要塑造设计。