$.Jbox使用詳解

 jBox 是一款基於 jQuery 的多功能對話框插件，可以實現網站的總體風格效果，給用戶一個新的視覺享受。 

基本用法：

具體使用能夠參考：http://www.5imvc.com/scripts/jbox/jbox-demo.html

遇到的幾個問題

1.子窗體往父頁面傳值

   父頁面：

$.jBox.open("iframe:${ctx}/task/testTaskInfo/menuForm?formTypes="+formTypes+"&testTaskId="+testTaskId, "試驗項目",810,$(top.document).height()-240,{
    buttons:{"清除":"clear", "關閉":true},id:"xxxx", showScrolling:false,bottomText:"試驗項目選擇",submit:function(v, h, f){
        if (v=="clear"){
            h.find("iframe")[0].contentWindow.clearContent();
            return false;
        }
    }, loaded:function(h){
        $(".jbox-content", top.document).css("overflow-y","hidden");
    },closed:function () {
    }
});

  子頁面：

parent.$("#testTaskId").val("xxx");//給父頁面id爲testTaskId的input標籤賦值
parent.$("#iFrame").contents().find("#testTaskId").val("xx");//給父頁面iframe引入的頁面裏的元素賦值
setTimeout(function(){
    parent.$.jBox.close(true);//刷新父頁面
},1000);

2.獲取Jbox框裏面元素的值

var boxNew = $.jBox.getBox();//獲取最前面打開的窗口jQuery對象。
var fileVal=boxNew.find("#uploadFile").val();//獲取jbox窗體裏面的元素

三、模式窗體帶返回值，在調用 $.jBox("iframe……, {}中加上 closed: function () {這裏寫獲得返回值後須要執行的功能代碼 }