如何阻止 jQuery-ui 将 类 添加到我的按钮
How to stop jQuery-ui from adding classes to my button
我有一个非常小的按钮 space。我成功地创建了我需要的按钮。它具有以下 类：class="btn btn-default（来自 Twitter 的 Bootstrap）。
然后我使用 jQuery-ui 向按钮添加了一个 onclick 对话框事件（参见：http://jqueryui.com/dialog/#modal-form）。现在我的按钮比破坏布局之前变得更大。当我查看带有 firebug 的按钮时，我看到 jQuery-ui 添加了几个 类 到我的按钮 "without asking" 它看起来像：class="btn btn-default ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
如何保留 jQuery-ui 对话框的 onclick 事件，但不让它将所有这些额外的 CSS 类 添加到我的按钮？
我假设您使用的是 Dialog|jQuery UI 示例页面中提供的相同源代码。
如果是，您提到的问题是由这行代码 $( "#create-user" ).button() 引起的，它是 jqueryUI Button 的一部分，请参阅文档 here .
所以，去掉那个初始化，问题就解决了。
参见 demo 关于类似实现的内容。
此外，如果您想为对话框中的 按钮实现自定义 CSS，您应该修改 jqueryUI CSS 或添加一个 class 根据需要塑造设计。
我有一个非常小的按钮 space。我成功地创建了我需要的按钮。它具有以下 类：class="btn btn-default（来自 Twitter 的 Bootstrap）。
然后我使用 jQuery-ui 向按钮添加了一个 onclick 对话框事件（参见：http://jqueryui.com/dialog/#modal-form）。现在我的按钮比破坏布局之前变得更大。当我查看带有 firebug 的按钮时，我看到 jQuery-ui 添加了几个 类 到我的按钮 "without asking" 它看起来像：class="btn btn-default ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
如何保留 jQuery-ui 对话框的 onclick 事件，但不让它将所有这些额外的 CSS 类 添加到我的按钮？
我假设您使用的是 Dialog|jQuery UI 示例页面中提供的相同源代码。
如果是，您提到的问题是由这行代码 $( "#create-user" ).button() 引起的，它是 jqueryUI Button 的一部分，请参阅文档 here .
所以，去掉那个初始化，问题就解决了。
参见 demo 关于类似实现的内容。
此外，如果您想为对话框中的 按钮实现自定义 CSS，您应该修改 jqueryUI CSS 或添加一个 class 根据需要塑造设计。