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://www.leftso.com/article/212.html
相关阅读
artdialog怎么使用,artdialog
artdialog 弹出页面iframe,artDialog,artDialog弹出页面
artDialog v7 使用说明及API文档,artDialog ,artDialog具有bootstrap风格的弹窗组件
Postman 环境变量使用Postman环境变量配置添加一个dev的环境和添加一些dev的环境变量Postman环境变量使用 环境选择变量使用使用双大括号包裹变量名称postman环境变量查看...
json-path 组件使用java 版 jsonpath引入依赖 <dependency>l;
<groupId>l;com.jay...
热门文章
最新发布：