徐嘉裕(Neil Hsu)的工作心得網誌!

使用JS函數sortable()對CK編輯器進行拖曳時，會導致textarea被鎖定無法編輯，這是一個很頭痛的問題，還好在ckeditor官網找到解決方案，就是當拖曳觸發時(start)先銷毀CKEDITOR，拖曳結束(stop)在重建CKEDITOR，解決方法如下： function dragmenufunction() { $(".sortable").sortable({ items: ".sortablebox", //指定拖曳元件或ID及CLASS //拖曳開始 start: function(event, ui){ var textareaId = ui.item.find(' .editor ').attr('id' );  //紅字的.editor為textarea->class if (typeof textareaId != 'undefined') { var editorInstance = CKEDITOR.instances[textareaId]; editorInstance.destroy(); CKEDITOR.remove( textareaId ); } }, //拖曳結束 stop: function(event, ui){ var textareaId = ui.item.find(' .editor ').attr('id');   //紅字的.editor為textarea->class if (typeof textareaId != 'undefined') { CKEDITOR.replace( textareaId ); } } }); } 實際測試看看，當拖曳時ck編輯器會被銷毀呈現原生textar

要取得select多選項目(multiple)值必須使用each遍歷全部的select選單後取得selected狀態val，存成陣列再用$.inArray()比對陣列中是否有符合條件，以下為應用範例說明 例如有一個群組選單，我們要判斷【訪客】群組是否有被選取(val=3)，如果有被選取則顯示->訪客報名啟用註冊功能欄位 如果沒有被選取則隱藏->訪客報名啟用註冊功能欄位 code如下說明 //html結構 <span id='helpBlock' class='help-block'>選擇可報名群組</span> <select class='form-control' id='browsegroup' name='browsegroup[]' multiple > <option value=1 data-id=1 >管理員</option> <option selected='selected' value=2 data-id=2 >註冊會員</option> <option selected='selected' value=3 data-id=3 >訪客</option> </select> <div class='col-sm-12' id='registerbox'> <label class='col-sm-6'><span id='helpBlock' class='help-block'>訪客報名啟用註冊功能</span> </label> <div class='col-sm-6'><label class='radio-inline'> <input class='' type='radio' id='' name