因為你是使用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不太熟,有很大的進步空間,再次感謝。