Question

用右上角的X关闭窗口的标准代码是：

<button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close" role="button" aria-disabled="false" title="close"><span class="ui-button-icon-primary ui-icon ui-icon-closethick"></span><span class="ui-button-text">close</span></button>

我需要在模态弹出窗口的底部添加一个“关闭”按钮。

感谢

Answer 1

使用指定的按钮选项初始化对话框：

$( ".selector" ).dialog({ buttons: [ { text: "Close", click: function() { $( this ).dialog( "close" ); } } ] });

或者在初始化后设置按钮：

$( ".selector" ).dialog( "option", "buttons", [ { text: "Close", click: function() { $( this ).dialog( "close" ); } } ] );

Answer 2

如果您可以访问jQuery UI Dialog页面，该页面还包含其他自定义设置以及默认功能。

我们还可以自定义显示方式。 jQuery中的Dialog具有.button属性，我们可以为其创建自己的自定义按钮。

这是按钮的js

buttons: {
     submit: function(){
      //write your code for submission
     },
     close: function(){
         $(this).dialog('close');
     }

这必须嵌入到jQuery的对话框方法中。

这是应该回答你问题的小提琴

<强> FIDDLE

希望它有所帮助。

如何在jquery ui对话框窗口中添加额外的Dialog Widget关闭按钮

2 个答案: