");
var title = utils.getLocalPairs(config, "name");
if (title) {
createGalleryItemTitle(id, title).appendTo(categoryLi);
}
if (config.content) {
createSubGalleryItem(config.content, id).appendTo(categoryLi);
}
return categoryLi;
}
function createSubGalleryItem(config, name) {
var categoryContentDiv = $("");
for (var key in config) {
var configItem = config[key];
if (window.isLocal && configItem.localIgnore) {
continue;
}
var content = $("");
var title = utils.getLocalPairs(configItem, "name");
createSubGalleryItemTitle(key, title).appendTo(content);
if (configItem.content) {
createGalleryCharts(configItem.content).appendTo(content);
}
content.appendTo(categoryContentDiv);
}
return categoryContentDiv;
}
function createGalleryItemTitle(id, title) {
var menuItemIcon = exampleIconConfig[id];
return $("
" + "" + " " + title + "
");
}
function createSubGalleryItemTitle(id, title) {
return $("
" + "
" + " " + title + "" + "
" + "
");
}
function createGalleryCharts(examples) {
var chartsDiv = $("");
var len = (examples && examples.length) ? examples.length : 0;
for (var i = 0; i < len; i++) {
var exam = examples[i];
if (window.isLocal && exam.localIgnore) {
continue;
}
createGalleryChart(exam).appendTo(chartsDiv);
}
return chartsDiv;
}
function createGalleryChart(example) {
var target = "editor.html",
defaultThumb = "../img/thumb.png",
title = utils.getLocalPairs(example, "name"),
href = example.fileName ? example.fileName : "",
thumbnail = example.thumbnail ? thumbLocation + "/img/" + example.thumbnail : "",
version = example.version;
var chartDiv = $("");
var chart = $("");
var link = $("");
var chartTitle = $("
" + title + "
");
var newTip = $('');
var thumb = $("");
chartTitle.appendTo(link);
if (window.version === version) {
newTip.appendTo(link);
}
thumb.appendTo(link);
link.appendTo(chart);
chart.appendTo(chartDiv);
return chartDiv;
}
function getThumbLocation() {
var param = window.location.toString();
return param.substr(0, param.lastIndexOf('/'));
}
//chart宽高自适应
function resizeCharts() {
var charts = $("#charts-list .chart .chart-thumb");
if (charts[0] && charts[0].offsetWidth) {
charts.height(charts[0].offsetWidth * 0.8);
} else {
charts.height(260 * 0.8);
}
window.onresize = function () {
resizeCharts();
}
}
//æ ¹æ®url滚动到页é¢ç›¸åº”çš„ä½ç½®
function scroll() {
var hash = window.location.hash;
var ele;
if (hash && hash.indexOf("#") !== -1) {
var param = hash.split("#")[1].split("-");
if (param.length === 1) {
ele = $(".category-title#title_" + param[0]);
selectMenu(param[0], param.length);
}
if (param.length == 2) {
//二级èœå•é‡Œé¢çš„li
ele = $("#category-type-" + param[1]);
selectMenu(param[1], param.length);
}
}
if (ele && ele.offset()) {
$(window).animate({
scrollTop: ele.offset().top - 60
}, 0);
}
}
//绑定点击事件
function bindEvents() {
var child = $("ul#sidebar-menu>li.treeview>ul>li");
var parent = $('ul.sidebar-menu>li').parent("ul");
//å› ä¸ºiManageråªæœ‰1级所以，iManager点击的时候相当于一级èœå•ï¼Œå…¶ä»–的二级都è¦å…³é—.
if ($('ul.sidebar-menu>li#firstMenuiManager').find('ul').length == 0) {
if ($('ul.sidebar-menu>li#firstMenuiManager').click(function () {
$('ul#sidebar-menu>li>ul').slideUp(500);
}));
}
//一级èœå•è·³è½¬
child.parent('ul').siblings('a').click(function (evt) {
if ($(this).siblings('ul').is(':visible') && $(this).siblings('ul').children('li').hasClass('active')) {
evt.stopPropagation(); //阻æ¢ç‚¹å‡»äº‹ä»¶è§¦å‘折å 的冒泡
}
window.location = evt.currentTarget.href;
});
//二级èœå•è·³è½¬,ä¸ç”¨ boot自带
window.addEventListener("hashchange", function () {
scroll();
});
}
var openTimer; // 定义展开的延时
var animationSpeed = 500;
$(window).on('scroll', function () {
if ($('ul.sidebar-menu>li').hasClass('active')) {
var parent = $('ul.sidebar-menu>li').parent("ul");
//设置0.1秒åŽå†æ‰“开，目的是为了防æ¢æ»šè½®æ‹‰å¿« ä¸é€”ç»è¿‡çš„展开和折å 效果还æ¥ä¸åŠå®Œæˆè€Œäº§ç”Ÿçš„é‡å 效果;
if (openTimer) {
clearTimeout(openTimer);
}
openTimer = setTimeout(function () {
parent.children('li.active').children('ul').slideDown(animationSpeed, function () {
parent.children('li.active').children('ul').css('display', 'block');
})
}, 100);
}
$('ul.sidebar-menu>li').not("li.active").children('ul').css('display', 'none');
});