JBox-v2.3修改版 支持 Jquery 1.*的所有版本。
$.jBox()
函数原型:
$.jBox(content, options);
└ 或者 jBox(content, options);
参数说明:
-content (string,json)
└ 可以是string或json。当是string时,需要加上前缀标识(html:、id:、get:、post:、iframe:),如果没有加标识,系统会自动加上html:,具体请看应用例子。当是json时,表示一个或多个状态,每个状态的默认值为$.jBox.stateDefaults。
-options [可选] (json)
└ 其它参数选项,默认值为$.jBox.defaults。
备注:如果想手动关闭jBox(不包括下面的tip与messager,它们另有方法),请调用 $.jBox.close(token) 方法。
示例(一):
//此例省略了前缀html:,前缀标识是不区分大小写的,也可以是HTML:varinfo='jQueryjBox<br/><br/>版本:v2.0<br/>日期:2011-7-24<br/>';info+='官网:<atarget="_blank"href="http://kudystudio.com/jbox">http://kudystudio.com/jbox</a>';$.jBox.info(info);
示例(二):
//显示id为id-html的div内部html,同时设置了bottomText$.jBox('id:id-html',{bottomText:'这是底部文字'});
示例(三):
//ajaxget页面ajax.html的内容并显示,例如要提交id=1,则地址应该为ajax.html?id=1,post:前缀的使用与get:的一样$.jBox("get:ajax.html");
示例(四):
//用iframe显示http://www.baidu.com的内容,并设置了标题、宽与高、按钮$.jBox("iframe:http://www.baidu.com",{title:"百度一下",width:800,height:350,buttons:{'关闭':true}});
示例(五):
varcontent={state1:{content:'状态一',buttons:{'下一步':1,'取消':0},buttonsFocus:0,submit:function(v,h,f){if(v==0){returntrue;//closethewindow}else{$.jBox.nextState();//goforward//或$.jBox.goToState('state2')}returnfalse;}},state2:{content:'状态二,请关闭窗口哇:)',buttons:{'上一步':1,'取消':0},buttonsFocus:0,submit:function(v,h,f){if(v==0){returntrue;//closethewindow}else{$.jBox.prevState()//goback//或$.jBox.goToState('state1');}returnfalse;}}};$.jBox(content);
示例(六):
varhtml="<divstyle='padding:10px;'>输入姓名:<inputtype='text'id='yourname'name='yourname'/></div>";varsubmit=function(v,h,f){if(f.yourname==''){$.jBox.tip("请输入您的姓名。",'error',{focusId:"yourname"});//关闭设置yourname为焦点returnfalse;}$.jBox.tip("你叫:"+f.yourname);//$.jBox.tip("你叫:"+h.find("#yourname").val());//$.jBox.tip("你叫:"+h.find(":input[name='yourname']").val());returntrue;};$.jBox(html,{title:"你叫什么名字?",submit:submit});
产品猿社区致力收录更多优质的商业产品,给服务商以及软件采购客户提供更多优质的软件产品,帮助开发者变现来实现多方共赢;
日常运营的过程中我们难免会遇到各种版权纠纷等问题,如果您在社区内发现有您的产品未经您授权而被用户提供下载或使用,您可按照我们投诉流程处理,点我投诉;
本文来自用户发布投稿,不代表产品猿立场 ;若对此文有疑问或内容有严重错误,可联系平台客服反馈;
部分产品是用户投稿,可能本文没有提供官方下下载地址或教程,若您看到的内容没有下载入口,您可以在我们产品园商城搜索看开发者是否有发布商品;若您是开发者,也诚邀您入驻商城平台发布的产品,地址:点我进入;
如若转载,请注明出处:https://www.chanpinyuan.cn/35023.html;