wBox

三水清 2010-03-08 21:56:56173 Comments

jQuery插件wBox 1.0正式发布——经过一系列的wBox需求分析，进行了wBox的代码重构，去除了一些鸡肋的功能~根据公司项目的需要进行了功能的调整，并且在界面上进行了美化处理~

wBox截图

wBox截图

查看wBox代码实例 wBox1.0下载

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

查看wBox代码实例 wBox1.0下载

"wBox"已有168条评论

: zxw：
请问如果是在框架集中怎么使用，也就是说链接在子框架中，但是现在是要在父框架顶层显示链接中的内容，这个问题怎么解决呢？

2011年08月14日 16:29 回复引用

: nick：
给个建议，wbox能否不依赖于jquery版本？也就是始终支持最新版本？
这是这个插件的很大的局限性

2011年08月31日 17:32 回复引用

: CoolGuy：
是否支持非模态的对话框啊？

2011年09月04日 23:21 回复引用

: fg：
为什么回调函数在框弹出的时候就加载了啊，应该在关闭或者点击某个按钮的时候调用才对吧~~~

2011年09月09日 00:57 回复引用

: aaa：
实际应用开发，总是需要根据页面参数来显示，怎么传递参数呢？

2011年09月09日 17:18 回复引用

: aaa：
如果不能解决参数的问题，这个东西也是不能被广泛接受的

2011年09月09日 18:11 回复引用

: xiaOt：
关于手动关闭页面的问题（$(”.wBox_close”).click();），页面文本框不能输入的问题，可以参考一下http://www.cnblogs.com/Random/archive/2009/05/13/1456038.html 大家就感谢我把。。。。。

2011年09月14日 19:57 回复引用

: howgoo：
怎样获取右上角的关闭事件啊？我想在用户点上面的关闭时，执行一些操作。

2011年09月15日 18:34 回复引用

: draem0507：
今天使用wbox，发现出发button onclick事件需要点击两次才弹出窗体。代码如下

$(function(){

//新增按钮
$(”#add”).bind(”click”,function(){

var url =”${pageContext.request.contextPath}/analDataMag.do?method=forAddDataInfo”;
//var url =”${pageContext.request.contextPath}/analDataMag.do?method=showDataInfo&data_gat_id=”+1;
$(this).wBox({title:’数据信息新增’,requestType:”iframe”,iframeWH:{width:800,height:400},target:url});

});
});
jq版本1.4

2011年09月20日 00:44 回复引用

: jomo：
不用wbox_class怎么来关闭啊？？我想点保存，成功之后就自动关闭

2011年09月27日 22:15 回复引用

: jomo：
@draem0507：
我也是发现这个问题，在firefox中

2011年09月27日 22:18 回复引用

: leon：
wbox 怎么调整弹出层的位置呢？？

2011年09月28日 19:59 回复引用

: yin：
只能由页面元素点击来触发，不能有其他function来调用触发吗？那我要传参数到ajax的url里怎么搞。

2011年10月13日 04:32 回复引用

: zhang：
我在页面上有个链接a
高级搜索
function ShowXWIN(){

vWbox=$(”#divAdvanceQuery”).wBox({requestType:”iframe”,drag:false,title:”高级检索”,iframeWH:{width:500},target:”advance.jsp”});

}

在advance.jsp中输出一些标记。

当第一次点击链接是 advance.jsp中输出一次标记。
当第二次点击链接是 advance.jsp中输出了两次标记。
当第一次点击链接是 advance.jsp中输出三次标记。
当第n次点击链接是 advance.jsp中输出n次标记。

刷新页面后，又重复上面的操作还有一样。。。这是什么原因呢。
谢谢。

2011年10月25日 03:17 回复引用

: ken：
使用ajax类型调用html页面，弹出后出现乱码，如何解决？

2011年11月07日 22:13 回复引用

: 胸口碎大石：
请问有没有最大化和最小化功能呢

2011年11月21日 21:56 回复引用

: 我是一颗丨：
那个ajax 1.html那个效果在Chrome中，弹出的窗体大小不对啊~！

2011年12月05日 19:19 回复引用

: yftst：
有个问题是窗口内的内容怎么调整，如：现在的是中文内容，我需要改为英文的。

2012年01月06日 00:06 回复引用

评论分页 « 上一页 1 2 3 4

♦▐返回顶部