如何在對話框加載時隱藏jQuery對話框按鈕？

Question

有人可以幫我隱藏/禁用jQuery對話框上的按鈕嗎？

場景：在按鈕上單擊“我正在使用“添加”和“更新”按鈕打開一個對話框。 在對話框中，我有2個包含日期和消息的文本框。如果數據庫中已經存在數據，則兩者都將填充數據，否則將為空以允許用戶添加數據。

現在，如果文本框具有預先填充的數據（db中存在消息），則必須隱藏``添加''按鈕，因為用戶只能更新消息。我嘗試了一些從stackoverflow獲得的技巧，但是當我打開對話框時它們都沒有起作用單擊按鈕上的框，所以我想我正在動態創建按鈕，但無法即時隱藏它們。

我還嘗試為對話框按鈕提供一個ID，並使用以下代碼隱藏/禁用它：$（'＃id'）。hide（）; $（'＃id'）。attr（'disabled'，'disabled'）;

我看了下面的小提琴，這正是我想要的，但是如果我采用了這個小提琴，那么我必須進行很多代碼更改。 因此，想知道是否有人可以為我提供簡單的解決方案。

[http://jsfiddle.net/kkh2a/1/]

提前致謝。

    $('#dialog-form').dialog({width:350,height:300,
    resizable:false,
    modal:true,
    closeOnEscape: true,
    draggable:false,
    show:{effect:"fade"},
    buttons:{
        Add:{
            text:'Add',
            id:'AddMsg',
            click:function(){

        }},
        Update:function(){
            },
        Cancel:function(){
            $(this).dialog("close");
        }
    }});

Answer 1

嘗試這個：

$('#dialog-form').dialog({
    ...
    buttons : {...},
    open : function() {
        $('#dialog-form')
            .dialog('widget')
            .find('div.ui-dialog-buttonpane div.ui-dialog-buttonset button')
                .eq(0)
                .button('disable');
    }
});

Answer 2

大家好，我使用這種方式：

$("#myDivForLoadingDialog").dialog({
    modal: true,
    resizable: false,
    height: "auto",
    draggable: false,
    closeOnEscape: false,
    open: function (event, ui) {
        $("#myDivForLoadingDialog").prev().hide();
    }
})

沒有在選項中設置按鈕，它內部不顯示任何按鈕

設置closeOnEscape：false以避免您的加載消息被“ esc”按鈕關閉

在opencallback中隱藏標題框（及其內部的關閉按鈕）。

我更喜歡避免拖動，調整大小以及加載消息不需要的所有功能。

它適用於jQuery 1.11.1（也許適用於所有以前的版本）