flat ui
是一套精美的扁平風格 ui 工具包，基於 twitter bootstrap 實現。這套介面工具包含許多基本的和複雜的 ui 部件，例如按鈕，輸入框，組合按鈕，核取方塊，單選按鈕，標籤，選單，進度條和滑塊，導航元素等等。
對於我們這些不會前端的小碼農來說，是絕對的神器。
但也正是因為不了解前端，所以哪怕是丁點的問題，對我們來說都是痛不欲生。
這次讓我痛不欲生的便是flat ui的switch元件。
該元件是用來替代 checkbox 的元件, 關於它的用法，可以參見這裡。
switch有兩種狀態，開啟和關閉
元件如圖所示:
對於該元件的初始化、響應事件可以這樣寫:
$('#forfriend').on(,
'switchchange.bootstrapswitch': function
(event, state)
});
這樣，就可以在載入完頁面後對 switch 動態初始化值、並對switch元件狀態切換事件進行響應。
想要對switch動態初始化，還需要乙個條件，初始化switch狀態時，不應該響應switch狀態切換事件。
上面的**是做不到這一點的，為了能夠做到，必須想一些辦法，即使用**改變swtch狀態和使用者改變switch狀態有什麼不同呢？答案是焦點。
當使用者點選switch時，switch元件獲得焦點; 相反的，如果使用**改變swith元件時，焦點不能在switch上。通過這樣判斷方法就可以實現「隨心所欲」的選擇是否響應switch切換事件。
簡單來寫就是這樣:
$('#switch').on(,
'switchchange.bootstrapswitch': function
(event, state)
});
我們可能還有一些需求，比如當使用者開啟switch時，彈出模態框，提示是否要開啟，如果確認，則開啟switch，否則不開啟。
使用者關閉模態框的方法有很多，可以選擇右上角的關閉按鈕、可以單擊返回、可以點選確認，甚至是按下esc或者點選模態框以外的區域
模態框如圖所示:
關閉方法很多，但除了點選確認外，其他的所有關閉模態框都認為拒絕 開啟switch。
**如下:
$('#switch').on(,
'switchchange.bootstrapswitch': function
(event, state) );
} else
}});
//單擊了模態框中的確定按鈕
$('#modal-switch-confirm').click(function
() );
改變狀態 量子理論認為，意識可以改變物質的狀態
命運並非 天注定 而是隨著 量子 而改變。中國有句俗話，說 人的命，天注定。常常把這句話掛在嘴邊的人，或許是相信命運是注定的，無論遇到什麼都應該坦然面對。當然，也有人相信 命運掌握在自己手中 只要通過自己的努力，命運是可以被改變的。咱們今天不討論這兩種觀點，到底是唯心還是唯物，哪個更迷信，哪個更科學...
改變能改變的
漸漸的，csdn部落格成了記錄學習生活的地方，本想著在這個部落格上只談技術，但寫著寫著就有了感情，技術學習加上感 彩，是不是可以稱得上能力學習，我不知道。這兩周沒寫部落格，先談談近況吧。經過這些天，我發現，當自己太在乎一件事的時候，很難做到多執行緒工作，我無法把每件事都做得盡善盡美。我們習慣於做完一...
改變能改變的
漸漸的，csdn部落格成了記錄學習生活的地方，本想著在這個部落格上只談技術，但寫著寫著就有了感情，技術學習加上感 彩，是不是可以稱得上能力學習，我不知道。這兩周沒寫部落格，先談談近況吧。經過這些天，我發現，當自己太在乎一件事的時候，很難做到多執行緒工作，我無法把每件事都做得盡善盡美。我們習慣於做完一...