artDialog支持jquery实例

最新推荐文章于 2014-11-04 11:34:59 发布

iteye_20151

最新推荐文章于 2014-11-04 11:34:59 发布

阅读量84

点赞数

分类专栏： jquery 文章标签： jquery 与 artdialog

本文链接：https://blog.csdn.net/iteye_20151/article/details/82451983

版权

jquery 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

实例：
前提 jquery.artDialog.js（兼容jquery）

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>无标题文档</title>
<link id="artDialogSkin" href="css/default.css" rel="stylesheet" type="text/css" />

<script language="javascript" type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.artDialog.js"></script>
<script language="javascript" type="text/javascript" src="js/jquery.artDialog.source.js"></script>


</head>

<body>
	<script type="text/javascript">
   function i(){
          var _this = document.getElementById('btn7');

          if (document.getElementById('M_dfd')) {//如果已经打开了对话框，按这个按钮还能把它关闭
                                                        $.dialog({id:'yy'}).close();
                                                        _this.innerHTML = '弹出菜单'; //button上显示的内容
                                                        return;
                                                       };
    $.dialog({id:'yy', lock: true, title:'菜单', content:'请输入：<input style="width:200px;" id="M_dfd" type="text" value="hello world!" />',
               button:[{name:'确定',callback:function(){  
                                                      var a=document.getElementById('M_dfd').value;
                                                      $.dialog({content:a, lock:true, time:1});
                                                     }
                        },
                       {name:'关闭我',callback:function(){_this.innerHTML = '弹出菜单';}}
                       ]
              }
              );  
    _this.innerHTML = '关闭菜单';
    return false;
    };                      
    </script>
<button id="btn7" onClick="i()">弹出菜单</button><br/>
</body>
</html>

artDialog提供了一个jQuery版本，功能与标准版一致，调用只需要把art前缀改成jQuery的命名空间。

// 普通调用
$.dialog({content:'hello world!'});

// 使用选择器方式，此时自动使用绑定了live click事件，同时启用follow模式
$('#main .test').dialog({content: 'hello world'});

(最低兼容jquery1.3.2，但框架应用插件需要jquery1.4+运行[?])

官网：[url]http://www.planeart.cn/demo/artDialog/[/url]

iteye_20151

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
artDialog支持jquery实例

实例：前提 jquery.artDialog.js（兼容jquery）[code="java"]无标题文档 function i(){ var _this = document.getElementById('btn7'); if (document.getEleme...
复制链接

扫一扫

专栏目录