colorbox兼容IE,FF,CHROME的方法

刚开始，我就想算了吧，不要使用colorbox了，但是我不甘心就这样放弃，这两天正好是周末也不急着用就先放放吧。但是心里一直想着，吃不好，睡不好 的，呵呵，有点夸张了。今天晚上没事在谷歌上竟然搜到了答案，当然在国外的网站上。原来IE执行 $.getJSON取得是缓存数据，上面也给出了解决办法，加上 var noCache = Date(); { "noCache": noCache} 就可以了。

完整点的代码：

function GetBasicInfo() {
          var noCache = Date();
          $.getJSON(
          "BasicInfo.ashx",
          { "noCache": noCache },
          function(data, state) {}
           ）;}

还有一个问题，点击完保存之后，如何让页面不跳转到另一个页面，默认情况下,点击保存发送的是一个HTTP请求,只要发送一个AJAX请求就可以了,当然不要忘记最后返回return false。

下面给出代码：

 

  //弹出修改基本信息
$("a[rel='editbasic']").colorbox({
    transition: "none",
    width: "75%",
    height: "65%",
    overlayClose: false,
    inline: true,
    close: "",
    onComplete: function() {
        cbox_submit();
    }
});

   function cbox_submit() {constructor和prototype的区别

            $("#basicForm").submit(function() {
                $.post(
                       $(this).attr("action"),
                        $(this).serialize(),
                        function(data) {
//                            $().colorbox({
//                                width: "500px",
//                                height: "500px",
//                                open: true,
//                                iframe: false,
//                                html: data,
//                                onComplete: function() {
//                                    cbox_submit();
//                                }
//                            });Java 7、JavaFX 2.0以及Vaadin框架
                            $.fn.colorbox.close();
                            GetBasicInfo();
                        }
                        );
                return false;
            });
        }

我注释掉的那部分代码是完成修改后再弹出一个层，因为我只需要直接关闭，然后更新数据即可，所以我使用了$.fn.colorbox.close();关闭了层。