jquery - jQuery UI 对话框 - 下一个按钮参考

Question

如何在 jQuery UI 对话框弹出窗口中引用下一个按钮？

单击按钮时，我需要更改“下一步”按钮的背景颜色，因为 Internet Explorer 有一个故障，将按钮背景颜色永久更改为蓝色（因为悬停颜色）。

代码位如下所示

$( "#dialog-form" ).dialog({
  autoOpen: true,
  height: 'auto',
  width: 'auto',
  position: 'top',
  modal: true,
  buttons: {
    "Cancel": function() {
       $( this ).dialog( "close" );
       allFields.val( "" ).removeClass( "ui-state-error" );
    },
    "Next": function() {  
       alert('asdf');
    }
  }
});

Answer 1

将格式应用于此类按钮的 CSS 类是：

ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only

也许您只需要引用“下一步”按钮来应用特定的 CSS。像这样的东西：

$('.ui-dialog .ui-dialog-buttonset button:contains("Next")')

此选择器在 HTML 的任何 JQueryUI 对话框中获取包含“下一步”文本的所有按钮文本。