$.jBox()

[*]函數(shù)原型：
$.jBox(content, options); 　　　 └ 或者 jBox(content, options); [*]參數(shù)說明：
- content　(string,json) 　　　└ 可以是string或json。當是string時，需要加上前綴標識（html:、id:、get:、post:、iframe:），如果沒有加標識，系統(tǒng)會自動加上html:，具體請看應用例子。當是json時，表示一個或多個狀態(tài)，每個狀態(tài)的默認值為 $.jBox.stateDefaults。 - options　[可選] (json) 　　　└ 其它參數(shù)選項，默認值為 $.jBox.defaults。 [*]
備注：如果想手動關閉jBox（不包括下面的tip與messager，它們另有方法），請調(diào)用　$.jBox.close(token)　方法。



$.jBox.stateDefaults：

$.jBox.stateDefaults = {
? ? content: '', /* 狀態(tài)的內(nèi)容，不支持前綴標識 */
? ? buttons: { '確定': 'ok' }, /* 狀態(tài)的按鈕 */
? ? buttonsFocus: 0, /* 表示第幾個按鈕為默認按鈕，索引從0開始 */
? ? submit: function (v, h, f) { return true; }?
? ? /* 點擊狀態(tài)按鈕后的回調(diào)函數(shù)，返回true時表示關閉窗口，? ? 參數(shù)有三個，v表示所點的按鈕的返回值，h表示窗口內(nèi)容的jQuery對象，f表示窗口內(nèi)容里的form表單鍵值 */
};

$.jBox.defaults：

$.jBox.defaults = {
? ? id: null, /* 在頁面中的唯一id，如果為null則自動生成隨機id,一個id只會顯示一個jBox */
? ? top: '15%', /* 窗口離頂部的距離,可以是百分比或像素(如 '100px') */
? ? border: 5, /* 窗口的外邊框像素大小,必須是0以上的整數(shù) */
? ? opacity: 0.1, /* 窗口隔離層的透明度,如果設置為0,則不顯示隔離層 */
? ? timeout: 0, /* 窗口顯示多少毫秒后自動關閉,如果設置為0,則不自動關閉 */
? ? showType: 'fade', /* 窗口顯示的類型,可選值有:show、fade、slide */
? ? showSpeed: 'fast', /* 窗口顯示的速度,可選值有:'slow'、'fast'、表示毫秒的整數(shù) */
? ? showIcon: true, /* 是否顯示窗口標題的圖標，true顯示，false不顯示，或自定義的CSS樣式類名（以為圖標為背景） */
? ? showClose: true, /* 是否顯示窗口右上角的關閉按鈕 */
? ? draggable: true, /* 是否可以拖動窗口 */
? ? dragLimit: true, /* 在可以拖動窗口的情況下，是否限制在可視范圍 */
? ? dragClone: false, /* 在可以拖動窗口的情況下，鼠標按下時窗口是否克隆窗口 */
? ? persistent: true, /* 在顯示隔離層的情況下，點擊隔離層時，是否堅持窗口不關閉 */
? ? showScrolling: true, /* 是否顯示瀏覽的滾動條 */
? ? ajaxData: {},??/* 在窗口內(nèi)容使用get:或post:前綴標識的情況下，ajax post的數(shù)據(jù)，例如：{ id: 1 } 或 "id=1" */
? ? iframeScrolling: 'auto', /* 在窗口內(nèi)容使用iframe:前綴標識的情況下，iframe的scrolling屬性值，可選值有：'auto'、'yes'、'no' */

? ? title: 'jBox', /* 窗口的標題 */
? ? width: 350, /* 窗口的寬度，值為'auto'或表示像素的整數(shù) */
? ? height: 'auto', /* 窗口的高度，值為'auto'或表示像素的整數(shù) */
? ? bottomText: '', /* 窗口的按鈕左邊的內(nèi)容，當沒有按鈕時此設置無效 */
? ? buttons: { '確定': 'ok' }, /* 窗口的按鈕 */
? ? buttonsFocus: 0, /* 表示第幾個按鈕為默認按鈕，索引從0開始 */
? ? loaded: function (h) { }, /* 窗口加載完成后執(zhí)行的函數(shù)，需要注意的是，如果是ajax或iframe也是要等加載完http請求才算窗口加載完成，? ? 參數(shù)h表示窗口內(nèi)容的jQuery對象 */
? ? submit: function (v, h, f) { return true; },
? ? /* 點擊窗口按鈕后的回調(diào)函數(shù)，返回true時表示關閉窗口，? ? 參數(shù)有三個，v表示所點的按鈕的返回值，h表示窗口內(nèi)容的jQuery對象，f表示窗口內(nèi)容里的form表單鍵值 */
? ? closed: function () { } /* 窗口關閉后執(zhí)行的函數(shù) */
};


$.jBox.languageDefaults ：

$.jBox.languageDefaults = {
? ? close: '關閉', /* 窗口右上角關閉按鈕提示 */
? ? ok: '確定', /* $.jBox.prompt() 系列方法的“確定”按鈕文字 */
? ? yes: '是', /* $.jBox.warning() 方法的“是”按鈕文字 */
? ? no: '否', /* $.jBox.warning() 方法的“否”按鈕文字 */
? ? cancel: '取消' /* $.jBox.confirm() 和 $.jBox.warning() 方法的“取消”按鈕文字 */
};

?

?

例子：

點擊清空時，清空上面的顯示框：是通過jbox的屬性進行控制的：

function gk(xhid,mcid)?? {

?????? var submit = function (v, h, f) {

?????? ??? if(v==false){??? //選擇清空時，返回false.然后清空。

?????? ??? $("#"+mcid).val("");

?????? ??? $("#"+xhid).val("");

?????? ??? }

?????? ??? return true;

?????? };

?????? $.jBox("iframe:../basicdata/basicdata!jcGk1forsearch.do?mcid="+mcid+"&xhid="+xhid, {

?????? ??? title: "主管部門",

?????? ??? width: 300,

?????? ??? height: 350,

?????? ??? submit: submit ,

?????? ??? buttons: { '清空':false,'關閉': true }

?????? });

??? }??

轉(zhuǎn)載于:https://www.cnblogs.com/htys/p/3583902.html

總結

以上是生活随笔為你收集整理的Jbox帮助文档，默认的属性含义的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。