jquery ui 组件 dialog（）方法弹出框消失问题

Question

我正在学习使用jquery ui框架， 我点击一个按钮调用用 dialog（）弹出一个框（用div写的），为什么当我的页面加载完毕后，那个弹出框就消失了呢？
代码如下：
<SCRIPT type="text/javascript" src="/../script/jquery/jquery-1.6.2.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="../script/jquery/UI/jquery-ui-1.8.16.custom.min.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/../script/jquery/layout/jquery.layout-latest.js"></SCRIPT> <SCRIPT type="text/javascript" src="/../script/jquery/layout/jquery.layout.resizeTabLayout.min-1.1.js"></SCRIPT>
<SCRIPT type="text/javascript" src="/../script/jquery/layout/jquery.layout.resizePaneAccordions.min-1.0.js"></SCRIPT>   <SCRIPT type="text/javascript" src="/../script/jquery/themeswitchertool.js"></SCRIPT> 
<SCRIPT type="text/javascript" src="/../script/jquery/debug.js"></SCRIPT>

<script type="text/javascript">

$(document).ready(function(){
$("#sendProcess button").click(function(){

$("#dialog").dialog("open");
$("#dialog").css("display","block");
});
$("#dialog").dialog({
show:null,
bgiframe:true,
autoOpen:false,
modal:true,
width:550,
height:450,
Resizable:true,
draggable:false,
overlay: {
opacity: 40, 
background: "black" ,
overflow:'auto'
},
buttons:{
确定: function(){
alert("OK");
},
取消: function(){
$(this).dialog("close");
}
}
});

});

</script>
</head>html代码：
<div id="sendProcess">
<form action="" method="post">
    发文流程:<input type="text" name="sendProcessName" value="" size="30"/>
<button type="submit" id="dialog1" >
 </button>
</form>
</div>
//要弹出的内容
<div id="dialog" class="ui-widget ui-widget-content ui-cornor-all" title="流程选择" >
//内容省略
</DIV>

Answer 1

function close()
{
  $("#dialog").dialog("close");
}取消: function(){
  close();
}

Answer 2

$(document).ready(function(){
$("#sendProcess button").click(function(){$("#dialog").dialog("open");//这样就已经出来最简单的dialog,根据上下文，这句话多余
$("#dialog").css("display","block");//多余
});
$("#dialog").dialog({
show:null,//多余
bgiframe:true,
autoOpen:false,//关键在这里，都false了，想显示出来就得手动了
modal:true,
width:550,
height:450,
Resizable:true,
draggable:false,
overlay: {
opacity: 40, 
background: "black" ,
overflow:'auto'
},
buttons:{
确定: function(){
alert("OK");
},
取消: function(){
$(this).dialog("close");
}
}
}).dialog('open')//手动;});

Answer 3

$("#dialog").dialog("open");//这样就已经出来最简单的dialog,根据上下文，这句话多余
这句话不多余啊，点击button 手动打开dialogautoOpen:false,//关键在这里，都false了，想显示出来就得手动了
这句话，不自动打开，通过我点击button打开
}).dialog('open')//手动;
这一句  是神马作用？

Answer 4

抱歉，看走眼了，是button的问题，这么改：<button type='button'  id="dialog1" >，'submit'类型会产生form提交