对话框插件的使用

时间：2014-5-24

  在页面开发过程中,经常要与用户进行交互,例如在提交表彰时,如果文本框中内容为空,需要提醒用户输入内容,一般的做法是使用传统的JavaScript语言中的alert()函数弹出一个信息窗口,另外,在删除某项记录时,也需要告知用户确定,可用JavaScript语言中的confirm()函数,虽然这两个函数都可以实现相应的功能,但没有动画效果,功能单一,用户体验差,在jQuery UI中,通过dialog插件,不仅仅完成可以实现传统JavaScript语言中alert()函数与confirm()函数的功能,而且界面幽雅,功能丰富,操作简便,这个插件导入页面后,其调用语法格式代码如下:
  $(".selector").dialog(options)
  其中.select表示DOM元素,一般指定一个<div>标记,用于显示弹出对话框的内容和设置的按钮,按钮options是一个对象,它有很多的参数.