wBox

加载中……

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

wBox截图

wBox截图

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

wBox新功能及其变化

  1. 优化代码~
  2. 美化界面~
  3. 默认可拖动,drag为false关闭
  4. 新增wBox关闭方法:wBox.close()
  5. 新增wBox打开方法:wBox.showBox()
  6. 新增wBox定时关闭设置:通过参数timeout设置定时关闭时间
  7. 新增在不触发click事件的前提,显示wBox,$(s).wBox({show:true})
  8. 去除灯箱功能(准备做一个单独的jQuery灯箱插件)
  9. 去除设置窗口位置

wBox功能特点

  1. 背景透明度可以根据实际情况进行调节
  2. 可以根据需要添加wBox标题
  3. 支持callback函数
  4. 支持html内容自定义
  5. 支持在wBox显示#ID的内容
  6. 支持Ajax页面内容
  7. 支持iframe
  8. 支持wBox拖拽功能
  9. ESC键,或者在背景上双击即可关闭wBox
  10. Class为wBox_close点击可以关闭wBox,无论是组装的html,还是隐藏的html,甚至于iframe的内容中的.wBox_close

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

2010年3月8日
评论( 36 )
  1. cf3b5 2010年3月9日 18:33  | #1 沙发!

    请教一下,如何在iframe里头关闭wbox的对话框?我知道.wBoxClose的元素的click被绑定了关闭动作,但是如果我需要由iframe里头的js来调用关闭怎么弄?比如iframe里头的ajax提交成功后自动关闭对话框?

  2. saadas 2010年3月24日 23:46  | #2 板凳

    你好、、请教一下、、我怎么获取弹出层里面输入框的值呢 、、、

  3. w3ccss 2010年3月25日 23:59  | #3

    您好,请问一下,怎样才能自定义图片的title呢?

  4. kkk 2010年3月30日 21:09  | #4

    压缩包损坏??

  5. kevin 2010年3月31日 20:45  | #5

    我用IE8,弹窗后浏览器最底下有部分没挡住,firefox下没事。

  6. zero 2010年4月3日 12:45  | #6

    我在回调函数中往隐藏的DIV中动态添加HTML 但是却发现要调用两次才能显示添加的值 请问是什么原因?

  7. zero 2010年4月3日 12:46  | #7

    另外如果想用button而不是用 ‘a’ 来呼出WBOX应该怎么做呢? `

  8. 逸风飘扬 2010年4月20日 08:24  | #8

    我使用你的WBOX建立文档..但是
    使用html属性无法正确的导入内容

    但是在本地完全可以显示
    在服务器上就无法显示了…这个是怎么会事?

  9. 逸风飘扬 2010年4月20日 08:29  | #9

    使用如下语句
    在本地 file://开头则正常
    $(’#PostMyInfo’).wBox({drag:true,html:StrPost,title:’需求提交’});

    而在服务器上
    FF下无法显示内容
    傲游无法显示内容
    世界之窗无法显示内容
    FF无法显示内容

  10. 逸风飘扬 2010年4月20日 08:40  | #10

    我将
    102行 直接改写成
    else {con.html(YQ.html);}afterHandleClick();return false;
    取消的 IFRAME 和 灯箱操作,内容正常赋值…
    至于具体原因.请告知.

  11. 逸风飘扬 2010年4月20日 17:23  | #11

    http://www.kkit.net
    这个是地址

    另外…你的插件 似乎不能在 IE 6下执行.

  12. jackusc 2010年4月26日 21:47  | #12

    不能拖动啊。要是能拖动就更好了。
    还有滚动窗口的时候,弹窗最好不动,现在这个一滚动弹窗也随着滚动了。
    遮照层在ie8下面确实有点问题。
    下面有一块没有遮住。
    请作者把bug再研究下!

  13. basstk 2010年5月14日 17:52  | #13

    jquery1.4.2.js与我网页中的其他jquery库冲突,我创建一个新的别名用以在接下来的库中使用jQuery对象也不行,怎么解决.,希望楼主帮忙,感激不尽!

  14. 云飞扬 2010年5月29日 03:51  | #14

    @逸风飘扬
    IE6先不能遮盖

  15. xfeng 2010年5月29日 05:23  | #15

    在加上Confirm和alert把 那样就更好了。

  16. infoseek 2010年6月21日 17:11  | #16

    你好,非常感谢你的代码,我用的是wboxajax载入功能,但是我向在wbox的ajax加载完毕之后,再载入jqzoom函数,请问怎么知道wbox加载完毕了呢?谢谢

  17. top5 2010年6月21日 22:21  | #17

    有bug
    var wBox = $(”#wbox1″).wBox({ title: “XXX”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
    实际弹出尺寸为”height: 718px; width: 893px;

  18. top5 2010年6月22日 00:46  | #18

    我并不需要#wbox1
    只要使用wbox弹出一个iframe的层
    wBox({ title: “XXX”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
    怎么做?

  19. top5 2010年6月22日 00:48  | #19

    我想要每个按钮显示不同的内容

  20. top5 2010年6月22日 00:49  | #20

    现在我是用这样的方式传参的
    function divShow(id) {
    var wBox = $(”#wbox1″).wBox({ title: “汽车美眉”, requestType: “iframe”, iframeWH: { width: 910, height: 350 }, target: “ViewDetail.aspx?id=” + id });
    wBox.showBox();
    };

  21. top5 2010年6月22日 18:26  | #21

    help如上

  22. top5 2010年6月22日 18:49  | #22

    十万火急,我的程序就差这一步了,谢谢了

  23. fifsky 2010年6月28日 01:41  | #23

    快速移动的时候还是很容易丢失窗体,这点需要加强,最好用个定时器来检查鼠标的位置!

  24. 小汽车 2010年7月14日 01:55  | #24

    wbox用起来的确不错
    不过个人感觉有一点不太方便,就是关于窗口大小的定义
    如果不是iframe,在代码上就不能方便的定义。
    如果是iframe,在内容比较多的时候,height也不好用。会让窗口变的很长。所以我将81行改成了newH = Math.min(newH, newH = _this.YQ.iframeWH.height);

    感觉把全部的Size的定义,统一成属性,会比较方便一些。

  25. 小汽车 2010年7月14日 01:56  | #25

    @top5
    跟我遇到的问题一样

    我将81行改成了newH = Math.min(newH, newH = _this.YQ.iframeWH.height);

    这样就能定义iframe的高度了

  26. 断桥残雪 2010年3月9日 19:42  | #26

    可以使用callback函数进行,模拟点击.wBoxClose的元素

  27. 断桥残雪 2010年6月21日 17:16  | #27

    可以使用wBox的callback函数

  28. 断桥残雪 2010年3月25日 01:53  | #28

    不知道你说的是iframe中的,还是div中的,div直接用$

  29. 断桥残雪 2010年3月30日 21:24  | #29

    我下载的可以使用啊~请使用Firefox下载试试

  30. 断桥残雪 2010年4月3日 17:15  | #30

    就像选择a一样选择到button就可以啦

  31. 断桥残雪 2010年4月20日 16:37  | #31

    这个问题我没有碰到过,能不能把你服务器的访问地址给我,我去看看代码再下结论

  32. 断桥残雪 2010年4月21日 02:49  | #32

    网站打不开,太慢了

  33. 断桥残雪 2010年4月26日 22:47  | #33

    可以拖动的,最近太忙了~呵呵~没有空整呢~

  34. 断桥残雪 2010年5月14日 20:50  | #34

    改一下wBox最后的一行jQuery为你改的名字就可以了~

  35. 断桥残雪 2010年6月21日 23:35  | #35

    哦,假如你设置了iframeWH,则优先按照设置的来给iframe加宽高

  36. 断桥残雪 2010年7月14日 01:59  | #36

    高度的确是个烦人的事情。有空升级一下~

容许使用的 HTML 标签: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">
Trackbacks & Pingbacks ( 2 )