JQueryダイアログ - タイムアウトを閉じるボタンで置き換えます。

Question

私は以下のコードを使用しており、タイムアウトの代わりにクローズボタンが必要と判断しました。

以下のコードでタイムアウトを閉じるボタンに置​​き換えるにはどうすればよいですか？

<script type="text/javascript"> 
$(document).ready(function() { 
    $("#info_box").dialog({ 
     autoOpen: false, 
     modal: true, 
      width: 400, 
      zIndex: 9999999, 
     resizable: false, 
     open: function() { 
      // close the dialog 10 secs after it's opened 
      setTimeout(function() { 
       $(this).dialog("close"); 
      }, 10000); 
     } 
    }); 

    $(".notavailable").bind("click", function() { 
     $("#info_box").dialog("open"); 
    }); 
}); 

</script> 

Answer 1

あなただけのようなもの、dialogを使用して作成されObjectにbuttonsプロパティを追加する必要があります。

$("#info_box").dialog({ 
    autoOpen: false, 
    modal: true, 
    width: 400, 
    zIndex: 9999999, 
    resizable: false, 
    buttons: [ 
     { 
      text: "Close", 
      click: function() { 
       $(this).dialog("close"); 
      } 
     } 
    ] 
});