artdialog怎么使用
问题:
artdialog怎么使用?
一、获取artdialog组件
获取途径:
二、下载后的文档目录
在官网或者GitHub下载下来的artDialog文件目录如下图:
三、引入必要的文件
引入artDialog v7.0必要的js文件
<!-- 映入必要的文件 -->
<script type="text/javascript" src="../../libs/jQuery/jquery.js"></script>
<script src="../../libs/artDialog/v7.0/dialog.js?skin=default"></script>四、编写一个简单demo
这里编写一个简单的demo来告诉你，artDialog怎么使用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo artDialog</title>
</head>
<body>
<button id="alert-btn">弹出页面按钮</button>
<!-- 映入必要的文件 -->
<script type="text/javascript" src="../../libs/jQuery/jquery.js"></script>
<script src="../../libs/artDialog/v7.0/dialog.js?skin=default"></script>
<script type="text/javascript">
$(function(){
//绑定按钮事件
$('#alert-btn').click(function(){
var d = dialog({
title: '欢迎',
content: '欢迎使用 artDialog 对话框组件！'
});
d.show();
});
});
</script>
</body>
</html>
效果图:
其他的options可以参考官方的文档进行配置。
http://blog.xqlee.com/article/212.html
评论
相关文章
问题:artdialog怎么使用?一、获取artdialog组件获取途径:官网下载:http://aui.github.io/artDialog/GitHub获
artdialog 弹出页面iframe,artDialog,artDialog弹出页面
artDialog v7 使用说明及API文档,artDialog ,artDialog具有bootstrap风格的弹窗组件
json-path 组件使用java 版 jsonpath引入依赖 <dependency>l;
<groupId>l;com.jay...
Java编程之Spring Boot中使用jsp视图模板
Angular HttpClient使用RxJS Observable例子,习使用Angular2 HttpClient服务从在线REST API获取数据并将其作为Observable对象/数...
httpclient4.5使用详解 httpclient 4.5 post传递json参数
MySQL，从大概5.7版本开始支持json数据类型，但是5.7的json查询不支持创建索引，在MySQL 8.0.17 后支持了索引，但是创建和查询使用索引与常规索引不同
简介 使用 JavaScript 改变 URL 参数值并且页面不刷新的方法有两种模式：使用 History replaceState使用 History pus
使用方法toFixed.使用案例letwidth=5.556;console.log(width.toFixed(2))输出内容：5.56使用提示，toFixed必须是数字类型，如果是字符串需要...
在国内项目中，阿里的fastjson包因其使用简单功能强大很多人喜欢在项目中使用，我也是其中一员