Question

我正在使用JQuery Dialog UI component。此对话框的定义如下：

<div id="confirmDialog" title="Are you sure?">
  Are you sure you want to delete this?
</div>

当我创建此对话框时，我在按钮旁边的页脚中添加了一些内容。我希望在最初显示对话框时隐藏此内容。然后，当用户单击“确定”时，我想显示内容并禁用按钮。为了做到这一点，我现在正在做以下事情：

$(document).ready(function () {
  $("#confirmDialog").dialog({
    autoOpen: false,
    modal: true,
    buttons: {
      Cancel: function () { $(this).dialog('close'); },
      'OK': okPress,
      'P' : function() {}
    },
    open: function(e, ui){
      $(e.target).parent().find('span').filter(function(){
        return $(this).text() === 'P';
      }).parent().replaceWith('<div id=\'P1W\'>Please wait</div>');
    }
  });      
});

function okPress() {
  // Disable buttons
  // Show P1W
}

我不知道如何1）最初隐藏页脚内容。 2）到达okPress时显示页脚内容3）禁用对话框中的按钮。

简而言之，我想我不确定如何与JQuery Dialog的页脚内容进行交互。有人可以帮我这个吗？

Answer 1

首先，你可以使用

找到第三个按钮

open: function(e, ui){
      $(this).find('.ui-button:nth-child(3)').replaceWith('<div id=\'P1W\'>Please wait</div>').hide();
}

.hide()功能会立即隐藏您添加的内容。

在okPress，您可以

$('#P1W').show();

显示内容。

我不确定这一点，但您可以使用$("#confirmDialog").dialog("disable");停用按钮。

使用JQuery显示和隐藏对话框页脚内容

1 个答案: