Bootstrap3 訂製頁面 加載已有配置 JS

最近在定義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 就好了  省了 很多事。
相關文章
相關標籤/搜索