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

你只需要一个buttons属性添加到Object的dialog与创建的，是这样的：

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