為了版面的美觀，用jquery-ui做了按鈕點按式的checkbox效果，
但當checkbox是用jquery產生時，就不會有jquery-ui的按鈕效果，只是傳統的勾選式的小框checkbox
範例如：https://jsfiddle.net/zzhsu20/wbdv6uyr/18/
請問有辨法讓jquery產生的表單也能套用jquery-ui的效果嗎？
已邀請的邦友 {{ invite_list.length }}/5
因為你是使用Jquery UI的動作對所有checkbox套用class
所以你只要新增完再執行一次套用就行了
$("#add_checkbox").click( function() {
var add = '<label for="checkbox-nested-3">3 Queen<input type="checkbox" name="checkbox-nested-3" id="checkbox-nested-3"></label>';
$("#checkbox_block").append(add);
// 對所有#checkbox_block input套用樣式
$( "#checkbox_block input" ).checkboxradio();
})
感謝Homura兄的解釋，那如果如下的CSS效果，是哪裡出了問題呢？
不一樣的CSS效果：
https://jsfiddle.net/zzhsu20/b9wpnjyr/9/
zzhsu20
你應該要新增在funkyradio的div裡面才對
可是你新增在外面所以沒效
改成
$(".funkyradio").append(add);
就OK了
建議你多用F12開法者工具看看DOM結構的狀況
這樣你會比較容易進步
感謝Homura兄的教學與建議，門外漢，的確對jquery不太熟，有很大的進步空間，再次感謝。
iThome鐵人賽
看影片追技術
看更多