对jquery的一次封装 以方便jquery ui调用iframe框架页面

注意：首先你需要现引用jquery和jquery ui到页面，本次是对jquery ui的一次简单封装 以方便调用 iframe，仅此而已，没考虑其他的。

 (function ($) {
          var  show=function (ops) {
              var $obj = $('<iframe id="iframeshow" class="iframeshow" style="display:none" ></iframe>');
              $obj.appendTo($('body'));
              var url = ops.url;
              if (url.indexOf("?") > -1) url += "&r=" + Math.random();
              else url += "?r=" + Math.random();
              $obj.attr("src", url);
              $obj.dialog({
                  autoOpen: true,
                  modal: true,
                  title: ops.title,
                  width: ops.width,
                  height: ops.height
              });
              $obj.css({ "margin": "0", "padding": "0", "width": "100%", "height": "" + ops.height + "px", "display": "block" });
            }
           var closeIframe=function (ops,callback) {
                var $obj = $('#iframeshow');
                $obj.dialog("close");
                $obj.remove();
                if(callback!=null)callback();
            }
              var defaults={
                    title:"",
                    url:"###",
                    width:400,
                    height:300
                };
             $.extend({
                 iframeshow:function(ops){
                    var options=jQuery.extend(defaults,ops);
                    show(options);
                 },
                 iframeclose:function(ops,call){
                    closeIframe(ops,call);
                 }
             });
        })(jQuery);

调用就很简单啦，

显示窗口：

 $.iframeshow({
                title: "添加新闻",
                url: "iframe/a.aspx",
                width: 550,
                height: 260
                        });

关闭：

$.iframeclose();

如图：不要嫌丑啊 ，呵呵 :-)