jQuery-uiダイアログ - jqueryを使用してボタンを非表示にする

Question

jqueryを使用して「Ok」ボタンを動的に削除/非表示にするにはどうすればよいですか？

var saveDialog = $('#dialog-save'); 
saveDialog.dialog('option', 'title', 'Message'); 

ボタンを削除する方法がわからない -

$('#dialog-save').dialog({ 
      autoOpen: false, 
      modal: false, 
      draggable: true, 
      width: 275, 
      height: 175, 
      buttons: { 
       "Ok": function() { 
        $(this).dialog("close"); 
       } 
      } 
     }); 

私はこのコードを使用してタイトルを変更することができました。ありがとう！すべてのボタンを削除するにはリテラル空のオブジェクトで

saveDialog.dialog("option", "buttons", {}); 

パス：

Answer 1

はあなたがタイトルを設定しているのと同じ方法でbuttonsオプションを設定することができます。あなたは1つのボタンだけを持っているように見えるので、それはうまくいくはずです。他の人がいる場合は、optionメソッドを呼び出すときに保持したいものを指定してください。このような

Answer 2

ジュストはボタンは表示されません。

$('#dialog-save').dialog({ 
     autoOpen: false, 
     modal: false, 
     draggable: true, 
     width: 275, 
     height: 175 
     } 
    }); 

を、あなたがこのようなダイアログ たぶん何かを示してきた後にそれらを削除したい場合は、

How can I disable a button in a jQuery dialog from a function?

Answer 3

UIダイアログの1つの一般的に見落とさ機能このfiddle

$(function(){ 
    $('#dialog-save').dialog({ 
      autoOpen: false, 
      modal: true, 
      draggable: true, 
      width: 275, 
      height: 175, 
      buttons: { 
       "Ok": function() { 
        $(this).dialog("close"); 
       } 
      } 
    }); 
    $('#dialog-save').dialog('open'); 
    $('.change').click(function(){ 
     $('#dialog-save').dialog("option",{buttons:{}}); 
     $('#dialog-save').dialog('open'); 
    }); 
});​ 

Answer 4

を試してみて、あなたが「クラス」と「ID」などのボタンの様々な他の特性を設定することができるということです。これらは、インスタンス化の後にボタンを操作する必要がある場合に非常に便利です。例えば

...

$('#dialog-save').dialog({ 
     autoOpen: false, 
     modal: false, 
     draggable: true, 
     width: 275, 
     height: 175, 
     { 
      id: 'okBtn', 
      text: "Ok", 
      click: function() { 
       $(this).dialog("close"); 
      } 
     }] 
    }); 

// And then at some other point in the code... 
$('#okBtn').remove();