artDialog怎么使用
1个回答
展开全部
1。获得
1
首先你要获得这个组件,百度经验不让发链接,所以大家百度下获取
2
目录如下
END
二。导入项目
这里有两个导入方法,一种是不依赖任何组件和库
1.不依赖导入
<script type ="text/javascript" src="./Extend/artdialog/artDialog.js?skin=default"></script>
其中./Extend/artdialog/为存放目录
?skin=default,skin=皮肤,这里的皮肤指的是在skins目录下对应的.css文件
3
2.依赖jquery库
那么就应该先导入jquery库,后面导入<script type="text/javascript" src="./Extend/artdialog/jquery.artDialog.js?skin=default"></script>
注意是jquery.artDialog.js,不是artDialog.js,其他和上面提到一样。
END
三。使用
演示代码:
var dialog = art.dialog({
title: '欢迎',
content: '欢迎使用artDialog对话框组件!',
icon: 'succeed',
follow: document.getElementById('btn2'),
ok: function(){
return false;
},okVal: '确定',
cancelVal: '关闭',
cancel: function(){
console.log(123);
},fixed:true,
resize:true
然后用一个函数封装这段代码,绑定触发事件即可.
1
首先你要获得这个组件,百度经验不让发链接,所以大家百度下获取
2
目录如下
END
二。导入项目
这里有两个导入方法,一种是不依赖任何组件和库
1.不依赖导入
<script type ="text/javascript" src="./Extend/artdialog/artDialog.js?skin=default"></script>
其中./Extend/artdialog/为存放目录
?skin=default,skin=皮肤,这里的皮肤指的是在skins目录下对应的.css文件
3
2.依赖jquery库
那么就应该先导入jquery库,后面导入<script type="text/javascript" src="./Extend/artdialog/jquery.artDialog.js?skin=default"></script>
注意是jquery.artDialog.js,不是artDialog.js,其他和上面提到一样。
END
三。使用
演示代码:
var dialog = art.dialog({
title: '欢迎',
content: '欢迎使用artDialog对话框组件!',
icon: 'succeed',
follow: document.getElementById('btn2'),
ok: function(){
return false;
},okVal: '确定',
cancelVal: '关闭',
cancel: function(){
console.log(123);
},fixed:true,
resize:true
然后用一个函数封装这段代码,绑定触发事件即可.
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询