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

也许你只需要参考＆＃34;下一步＆＃34;按钮以应用特定的CSS。像这样：

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

此选择器获取包含＆＃34; Next＆＃34;的所有按钮文本。 HTML中任何JQueryUI对话框内的文本。

jQuery UI对话框 - 下一个按钮引用

1 个答案: