ccckaass的部落格

jBox是JQuery中很方便的輔助工具，提供彈出提示視窗、提示文字的功能(jBox Github)

優化了許多前端的顯示效果。

1.

當使用 jBox的Confirm 工具時，可能會遇到必須要強迫使用者選擇 是/否 的情況

彈出Confirm視窗後會加上jBox的遮罩(overlay)，在不提供參數的情況下

使用者可以透過按下 "Esc" 以及點擊遮罩來繞掉這個Confirm視窗

當然若這個Confirm的回應不影響邏輯則無妨，可是當需要使用者做回應時，就必須要避掉這個繞道的方式

來看看jBox提供的參數:

closeOnEsc  :　能否透過"Esc"關閉彈出視窗　(true / false)

closeOnClick :   關閉彈出視窗

true: 點擊畫面任一處即可關閉 (遮罩、jBox)

false:無法透過點擊畫面關閉

將以上兩個都設為 false 後，便無法透過Esc鍵以及點擊畫面關閉彈出視窗了

但你會發現...jBox提供了一個小xx在遮罩的右上方，透過這個x，使用者依然可以繞掉這個Confirm !!

所以我們要再加上  closeButton 這個參數

closeButton : 設置關閉jBox的按鈕

box : 將關閉按鈕設在box上

title : 將關閉按鈕設在title上

overlay : 將關閉按鈕設在overlay上

這時將關閉按鈕設在 title 上，並且不設定title的文字內容

彈出視窗就不會有title區塊，所以關閉鈕也就不會出現囉

而遺失的title功能，可以透過content的內文來做html處理並不會有太大影響

畢竟在這個邏輯上是要讓使用者做出點擊動作為主。