问题:
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风格的弹窗组件
最近在学习JavaFX，发现资料很少，连基本的图片读取都很多错误版本
Postman 环境变量使用Postman环境变量配置添加一个dev的环境和添加一些dev的环境变量Postman环境变量使用 环境选择变量使用使用双大括号包裹变量名称postman环境变量查看...
spring boot thymeleaf使用介绍
springboot 使用thymeleaf 模板引擎中url中的&引起的org.xml.sax.SAXParseException: 对实体 "uid" 的引用必须以 ';' 分隔符结尾。问题解决
在这个 Spring cloud 教程中，学习在 spring boot/cloud 项目中使用 Netflix Ribbon 使用客户端负载平衡
本文主要讲解rocketmq的使用。并且这里的rocketmq已经是由阿里移交至apache基金的版本。也就是4.x版本。在本文编写的时候，apache还未提供编译好的rocketmq下载。只能...
热门文章
- Copyright © 2022-2025 左搜. All rights reserved.
- v1.0.0
- 渝ICP备15001810号-3
-
渝公网安备50019002504293号