juqery插件---jAskDialog插件 -

hi_beijing

浏览: 246549 次
性别:
来自: 济南

最近访客更多访客>>

linchers

cicely_123456

搬运代码的MrLiu

spedit

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

juqery插件---jAskDialog插件

博客分类：

JavaScript

(function($){
	var sVar_G = "这里是一个全局变量";
	//jquery插件
	$.fn.jAsk = function(options)
	{
		//如果当时对象为空，就将｛｝对当前对象
		options = options || {};
		//将插件对变量式方法 给当前的oOptions对象
		var oOptions = $.extend({},jAskDefault,options);
		//回调方法		
		if(oOptions.fun && $.isFunction(oOptions.fun))
		{
			oOptions.fun.call(this);
		}
		return this.each(function(){
			alert("return");
			$.jaskDialog(elements,options);
		});
	};
	$.jaskDialog = function(elements,options){
		//如果elements为空就返回
		if(!elements){
			return;
		}
		//将插件对变量式方法 给当前的oOptions对象
		var oOptions = $.extend({},jAskDefault,options || {});
		
		//一些元素对象
		$.o = {
			s: s,
			ele: elements,
			bg: eleBlank.size()? eleBlank: $("#jAskBlank"), 
			out: eleOut.size()? eleOut: $("#wrapOut"), 
			tit: $("#wrapTitle"),
			bar: $("#wrapBar"), 
			clo: $("#wrapClose"),
			bd: $("#wrapBody")
		};
		
		$.jaskDialog.load();
		$.jaskDialog.ask();
		$.jaskDialog.hide();
	};
	//将后台的对象与前面的对象并集后，在赋值给前面的对象；
	$.extend($.jaskDialog,{
		hide:function()
		{
			//元素对导航式
			$.o.bg.hide();
		},
		load:function()
		{
			alert("这就是一个Loading方法");
		},
		ask:function(message,sureCall,cancalCall,option)
		{
			$("#ask").click(function(){
				if($.isFunction(cancalCall))
				{
					cancalCall.call(this);
				}
				$("#ask").unbind("click");
			});
		}
	});
	//这里插件是初始化变量
	var jAskDefault = {
		title:"这是一个标题"
	};
})(jQuery);

 <script>
 	function fClick()
 	{
 		 $("#click").jAsk({title:"这是一个新标题",fun:function(){alert("你好");}});
 		 $.jaskDialog.load();
 		 $.jaskDialog.ask("Message",null,function(){
 		 	alert("ask，呵呵");
 		 },null);
 	}
  </script>
  <body>
  	<input id="click" value="点击我" type="button" onclick="fClick();"/>
    <input id="ask" value="ASK" type="button" />
  </body>

分享到：

如何制作像新浪博客的博文列表那样显示文章 ... | 使用AXIS创建WebService

2012-07-11 16:45
浏览 970
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

juqery插件---jAskDialog插件

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

juqery插件---jAskDialog插件

评论

发表评论

相关推荐

JavaScript的一个简单闭包写法

JS中的事件传播和默认事件取消

JS事件监听总结

JS中CSS Style标签对照表

脚本化文档DOM总结

脚本化文档DOM之二

脚本化文档DOM之一

类和原型的关系

ECMAScript5----定义的一个方法

javascript属性检测方法

关联数组的格式

javascript 创建对象

用javascript动态加载不同css/js文件

jquery 定义插件

javascript的中文转换Native2Ascii桌面版.jar

把汉字转换成ascii编码

javascript 的正则表达式

jQuery关于Tag的插件

js在线编辑器其中一个上传图片功能

js 正则表达写法

最近访客更多访客>>