弹出第二层显示在最前面

juery dialog 怎么让第二层显示在第一层的前面!!!!!!!!!

这里需要设置dialog的参数,可以用zIndex来设置:

<script>
    $(function() {
        $( "#layer_one" ).dialog({
            zIndex: 10
            // 还可以设置其他的参数如width,height等
        });
        $( "#layer_two" ).dialog({
            zIndex: 11
            // 还可以设置其他的参数如width,height等
        });
    });
</script> 

其他的参数可以有:
一组关于尺寸的属性,以像素为单位。
width 宽度, 默认 300
height 高度,默认 'auto'
minWidth 最小宽度,默认 150
minHeight 最小高度,默认 150
maxWidth 最大宽度
maxHeight 最大高度

还有关于关闭的效果
hide 当对话框关闭时的效果,默认为 null, 例如, hide: 'slide'
show 当对话框打开时的效果。默认为 null

堆叠
stack 对话框是否叠在其他对话框之上。默认为 true
zIndex 对话框的 z-index 值,一个整数,越大越在上面。默认 1000

按钮
buttons 一个对象,属性名将会被作为按钮的提示文字,属性值为一个函数,即按钮的处理函数。

定位之后,用z-index设置第二层的z-index大于第一层就可以了。