jquery中的dialog()方法是怎么使用。我引入了dialog.js。

JavaScript012

jquery中的dialog()方法是怎么使用。我引入了dialog.js。,第1张

dialog是jquery

UI库的一个UI组件。

你要使用dialog。仅仅引入jquery.js是不够的。

jquery只是轻量级的基础框架。

如果你要用jqueryUI的dialog组件。

就要引入jqueryUI的js及相关css样式文件。

依赖关系dialog

-->

jqueryUI

-->

jquery

1、首先下载EasyUI的组件包,然后导入到开发工具中并且在HTML页面导入jquery脚本。

2、接下来需要导入的easyui的脚本文件,如下图所示,一定先导入jquery后导入easyui。

3、然后需要导入的是easyui的样式文件,如下图所示,样式文件只需要easyui.css即可。

4、接下来还需要导入的是语言文件,不导入的话可能会导致一些组件是英文。

5、接下来在body中定义一个div,然后给它一个easyui-dialog的样式。

6、然后运行页面,就会在页面中看到一个dialog的弹出窗口了,就可以关闭对话框了。

你肯定会有一个按钮点击事件Onclick()之类的,点击可以弹出dialog,还会有一个div加载需要dialog的需要的数据等。

$("#divId").dialog({

  里面类似easyui的dialog

})

3.点击事件在js添加一个$("#divId").dialog("open")

即可,希望可以帮助到你,望采纳!