jQuery UI 1.10：对话框和 zIndex 选项

在前端开发中，经常会使用到jQuery UI库来实现一些交互效果。其中，对话框是一个非常常用的组件，用于在页面中弹出一个可自定义内容的窗口。在jQuery UI 1.10版本中，引入了一个新的选项——zIndex，用于控制对话框的层级关系。本文将详细介绍对话框和zIndex选项的使用方法，并给出一个实际案例。

html
  
对话框的内容

html
  
对话框1的内容
  
对话框2的内容

html
  
请输入用户名和密码：
  
    用户名：
    
    
    密码：
    
  
  
请输入要注册的用户名和密码：
  
    用户名：
    
    
    密码：
    
  

javascript
$(function() {
  // 创建登录对话框
  $("#login-dialog").dialog({
    zIndex: 1001
  });
  // 创建注册对话框
  $("#register-dialog").dialog({
    zIndex: 1002
  });
});