加载中……
jQuery插件wBox 1.0正式发布——经过一系列的wBox需求分析,进行了wBox的代码重构,去除了一些鸡肋的功能~根据公司项目的需要进行了功能的调整,并且在界面上进行了美化处理~
wBox新功能及其变化
- 优化代码~
- 美化界面~
- 默认可拖动,drag为false关闭
- 新增wBox关闭方法:wBox.close()
- 新增wBox打开方法:wBox.showBox()
- 新增wBox定时关闭设置:通过参数timeout设置定时关闭时间
- 新增在不触发click事件的前提,显示wBox,$(s).wBox({show:true})
- 去除灯箱功能(准备做一个单独的jQuery灯箱插件)
- 去除设置窗口位置
wBox功能特点
- 背景透明度可以根据实际情况进行调节
- 可以根据需要添加wBox标题
- 支持callback函数
- 支持html内容自定义
- 支持在wBox显示#ID的内容
- 支持Ajax页面内容
- 支持iframe
- 支持wBox拖拽功能
- ESC键,或者在背景上双击即可关闭wBox
- Class为wBox_close点击可以关闭wBox,无论是组装的html,还是隐藏的html,甚至于iframe的内容中的.wBox_close


请教一下,如何在iframe里头关闭wbox的对话框?我知道.wBoxClose的元素的click被绑定了关闭动作,但是如果我需要由iframe里头的js来调用关闭怎么弄?比如iframe里头的ajax提交成功后自动关闭对话框?
你好、、请教一下、、我怎么获取弹出层里面输入框的值呢 、、、
您好,请问一下,怎样才能自定义图片的title呢?
压缩包损坏??
我用IE8,弹窗后浏览器最底下有部分没挡住,firefox下没事。
我在回调函数中往隐藏的DIV中动态添加HTML 但是却发现要调用两次才能显示添加的值 请问是什么原因?
另外如果想用button而不是用 ‘a’ 来呼出WBOX应该怎么做呢? `
我使用你的WBOX建立文档..但是
使用html属性无法正确的导入内容
但是在本地完全可以显示
在服务器上就无法显示了…这个是怎么会事?
使用如下语句
在本地 file://开头则正常
$(’#PostMyInfo’).wBox({drag:true,html:StrPost,title:’需求提交’});
而在服务器上
FF下无法显示内容
傲游无法显示内容
世界之窗无法显示内容
FF无法显示内容
我将
102行 直接改写成
else {con.html(YQ.html);}afterHandleClick();return false;
取消的 IFRAME 和 灯箱操作,内容正常赋值…
至于具体原因.请告知.
http://www.kkit.net
这个是地址
另外…你的插件 似乎不能在 IE 6下执行.
不能拖动啊。要是能拖动就更好了。
还有滚动窗口的时候,弹窗最好不动,现在这个一滚动弹窗也随着滚动了。
遮照层在ie8下面确实有点问题。
下面有一块没有遮住。
请作者把bug再研究下!
jquery1.4.2.js与我网页中的其他jquery库冲突,我创建一个新的别名用以在接下来的库中使用jQuery对象也不行,怎么解决.,希望楼主帮忙,感激不尽!
@逸风飘扬
IE6先不能遮盖
在加上Confirm和alert把 那样就更好了。
你好,非常感谢你的代码,我用的是wbox的ajax载入功能,但是我向在wbox的ajax加载完毕之后,再载入jqzoom函数,请问怎么知道wbox加载完毕了呢?谢谢
有bug
var wBox = $(”#wbox1″).wBox({ title: “XXX”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
实际弹出尺寸为”height: 718px; width: 893px;
我并不需要#wbox1
只要使用wbox弹出一个iframe的层
wBox({ title: “XXX”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
怎么做?
我想要每个按钮显示不同的内容
现在我是用这样的方式传参的
function divShow(id) {
var wBox = $(”#wbox1″).wBox({ title: “汽车美眉”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
wBox.showBox();
};
help如上
十万火急,我的程序就差这一步了,谢谢了
快速移动的时候还是很容易丢失窗体,这点需要加强,最好用个定时器来检查鼠标的位置!
wbox用起来的确不错
不过个人感觉有一点不太方便,就是关于窗口大小的定义
如果不是iframe,在代码上就不能方便的定义。
如果是iframe,在内容比较多的时候,height也不好用。会让窗口变的很长。所以我将81行改成了newH = Math.min(newH, newH = _this.YQ.iframeWH.height);
感觉把全部的Size的定义,统一成属性,会比较方便一些。
@top5
跟我遇到的问题一样
我将81行改成了newH = Math.min(newH, newH = _this.YQ.iframeWH.height);
这样就能定义iframe的高度了
6#说的问题(回调函数中往隐藏的DIV中动态添加HTML 但是却发现要调用两次才能显示添加的值)确实存在,请问是什么原因
楼主能帮忙回答一下吗?
iframe 方式时,loading。gif图片显示不出来 ajax方式时能显示,IE8下大小设置不正确,无法很好的拖动
效果不错。。。希望能还出几个背景样式。。
能不能弹出一个框后后背景网页上的内容还可以操。不变灰。。请指教
嗯。蛮不错的。以前一直用jQueryAlert。其drag居然还要挂载jquery.ui.draggable.js才行。(http://abeautifulsite.net/blog/2008/12/jquery-alert-dialogs/)
楼主可否再扩展一下,像jQueryAlert的提示框,有“确认”“取消”按钮等。
能不能 固定弹出层,必须点击关闭按钮的时候才能关闭,
现在是按Esc键和双击背景就可以关闭弹出。
你好,
使用方法:
$(”#isFrame”).wBox({requestType:”iframe”,iframeWH:{width:800,height:400},target:”../TestPage.aspx?id=’20′”});
在TestPage.aspx.cs里使用string id = Request.QueryString["id"]方法取不到id的值,请问怎么解决。
还有一个问题就是如何在回调函数中关闭这个弹出的层(用iframe加载一个页面的情况),谢谢
@断桥残雪
传参取不到值的情况呢?是怎么回事
@captain
这个没有碰到过,可以把代码贴上来看看
事实上是这样的,我在做一个项目,点击一个功能的时候,我需要对其进行权限验证。我的做法是弹出一个层输入用户名、密码,核对正确之后关闭当前弹出的层根据传入的参数跳转到参数据确定的相关页面。
@断桥残雪
$(”#isFrame”).wBox({requestType:”iframe”,iframeWH:{width:800,height:400},target:”../TestPage.aspx?id=’20′”});
就是#32 这种情况,传入参数id,然后在TestPage页里接收不到“20”这个值,取到的值是“”
@captain
20的引号去了试试
@断桥残雪
果然,把’20′改成20之后就能接收到了,也就是参数里不能带引号,谢谢,
还有一个问题没解决,就是验证完成之后怎么自动把当前这个DIV关闭掉。
看到你前面说“可以使用callback函数进行,模拟点击.wBoxClose的元素”,但不是很理解
@断桥残雪
把wbox对象赋值出来是什么意思?
我在callBack函数里写:$(”#wBox”).close(); 对象不支持该方法。
我用$(”#wBox”).css(”display”,”none”);窗口消失了,但层没有消除
@断桥残雪
楼主还在不在,着急着用,麻烦你,把代码粘出来给你看看,帮我修正一下,谢谢:
function authenCheck(){
$(”#btnCheck”).click(function(){
$.get(”CheckHandler.ashx”,
{name:$(”#user”).val(),pwd:$(”#pwd”).val(),columnCode:”production”},
function(data){
//验证通过则关闭DIV层
if(data)
$(”#wBox”).close(); //问题出现在这里 ,该怎么写? (需要关闭wBox)
});
});
}
$(”#production”).wBox({
title: “验证登录”,
html: ” 用户ID: 密 码:关闭验证”,
callBack:authenCheck
});
@captain
看了一下你的原码,将$(”#wBox”).close()改成 $(”#wBox_overlay”).remove();
$(”#wBox”).remove(); 这两个方法,问题解决,谢谢断桥兄!! 以后常来
@断桥残雪
没事,你是大好人,大家都忙,你能抽时间来帮大家解决问题已经很友好了,谢谢
“关于wBox iFrame回调关闭问题的解决方案”应该对很多人都有帮助
当点击右上角”×”直接关闭这个DIV层的时候,我想做一些事情,应该在什么事件上写处理代码。
(注:是点击右上角的”×”,不是wBox上的其它按钮关闭功能。)
可以使用callback函数进行,模拟点击.wBoxClose的元素
可以使用wBox的callback函数
不知道你说的是iframe中的,还是div中的,div直接用$
我下载的可以使用啊~请使用Firefox下载试试
就像选择a一样选择到button就可以啦
这个问题我没有碰到过,能不能把你服务器的访问地址给我,我去看看代码再下结论
网站打不开,太慢了
可以拖动的,最近太忙了~呵呵~没有空整呢~
改一下wBox最后的一行jQuery为你改的名字就可以了~
哦,假如你设置了iframeWH,则优先按照设置的来给iframe加宽高
高度的确是个烦人的事情。有空升级一下~
最近挺忙的,有空就整整
暂时不支持固定功能,假如背景参数设置为false,就不存在背景,双击也就不关闭了
iframe的dom操作请参考下文:http://www.js8.in/463.html
现在的方法是你可以把wbox对象赋值出来,使用close的方法关闭
刚刚写的博文,假如在iframe中可以使用这样的方法:http://www.js8.in/620.html
呵呵,不好意思,上午忙了,你的通知邮件竟如去了垃圾箱,所以现在才看到