首页 > 代码库 > 01 jquery easyui 入门示例

01 jquery easyui 入门示例

第一步 引入所需样式和JS文件

<link rel="stylesheet" type="text/css"  href="http://www.mamicode.com/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="http://www.mamicode.com/easyui/themes/icon.css">
<script type="text/javascript" src="http://www.mamicode.com/easyui/jquery.min.js"></script>
<script type="text/javascript" src="http://www.mamicode.com/easyui/jquery.easyui.min.js"></script>

第二步 编写消息提示框


函数说明:

$.messager.alert

title, msg, icon, fn

显示一个提示窗口。参数:
title
显示在头部面板的标题文字。
msg
显示的消息文字。
icon
显示图标的图片。可用的值是: errorquestioninfowarning
fn
窗口关闭时触发的回调函数。


$().ready(function(){
    //设置消息Messager
    $.messager.alert(‘标题‘,‘Hello Word‘,‘error‘,function(){
        alert(‘回掉函数‘);
    });
});

第三步 效果图

wKioL1SJyRHhxn9zAABgWdInXDg132.jpg

本文出自 “老牛Java” 博客,请务必保留此出处http://liuyj.blog.51cto.com/2340749/1588968

01 jquery easyui 入门示例