最近在定義bootstrap 頁面的時候 , 在訂製一版本以後想更新的版本 可是須要看之前的conig.json 一一設置 感受很是麻煩 因而就看了一下他的頁面結構 專門寫了一個JS 用於加載上一版本的配置 而後在此基礎之上訂製新的版本 css
var config = { "vars": { "@font-size-base": "13px", "@grid-gutter-width": "10px", "@padding-base-vertical": "4px", "@alert-padding": "8px", "@navbar-height": "43px", "@nav-link-padding": "5px 8px", "@table-cell-padding": "5px", "@table-condensed-cell-padding": "2px", "@modal-inner-padding": "10px", "@modal-title-padding": "8px" }, "css": [ "print.less", "type.less", "code.less", "grid.less", "tables.less", "forms.less", "buttons.less", "glyphicons.less", "button-groups.less", "input-groups.less", "navs.less", "navbar.less", "breadcrumbs.less", "pagination.less", "pager.less", "labels.less", "badges.less", "jumbotron.less", "thumbnails.less", "alerts.less", "progress-bars.less", "media.less", "list-group.less", "panels.less", "wells.less", "close.less", "dropdowns.less", "tooltip.less", "popovers.less", "modals.less", "carousel.less", "utilities.less", "responsive-utilities.less", "component-animations.less" ], "js": [ "alert.js", "button.js", "carousel.js", "dropdown.js", "modal.js", "tooltip.js", "popover.js", "tab.js", "affix.js", "collapse.js", "scrollspy.js", "transition.js" ] }; var vars = config.vars; var csses = config.css; var jses = config.js; for ( var key in vars) { var value = vars[key]; $("input[data-var='"+key+"']").val(value); } for ( var key in csses) { $("input[value='"+csses[key]+"']").get(0).checked = true; } for ( var key in jses) { console.log($("input[value='"+jses[key]+"']")); $("input[value='"+jses[key]+"']").get(0).checked = true; }$().attr('checked','checked') 未生效 不知道是什麼緣由 替換本身的config 就好了 省了 很多事。