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可以参考官方的文档进行配置。
https://blog.xqlee.com/article/212.html
评论
相关文章
问题:artdialog怎么使用?一、获取artdialog组件获取途径:官网下载:http://aui.github.io/artDialog/GitHub获
artdialog 弹出页面iframe,artDialog,artDialog弹出页面
artDialog v7 使用说明及API文档,artDialog ,artDialog具有bootstrap风格的弹窗组件
最近在学习JavaFX，发现资料很少，连基本的图片读取都很多错误版本
json-path 组件使用java 版 jsonpath引入依赖 <dependency>l;
<groupId>l;com.jay...
win10开机磁盘检查怎么取消？方法一：1.1打开注册表通过快捷键 WIN+R打开运行命令框输入regedit回车打开注册表1.2找到对应的注册信息先复制下面内容HKEY_LOCAL_MA...
Postman 环境变量使用Postman环境变量配置添加一个dev的环境和添加一些dev的环境变量Postman环境变量使用 环境选择变量使用使用双大括号包裹变量名称postman环境变量查看...
概述接前几篇harbor 2.10.x离线安装Harbor 镜像复制后，这里简述docker配合harbor私服镜像pull（拉取）和push（上传）操作示例。
Java编程之Spring Boot中使用jsp视图模板
Angular HttpClient使用RxJS Observable例子,习使用Angular2 HttpClient服务从在线REST API获取数据并将其作为Observable对象/数...