网上山东抗日战争纪念馆

关于网上山东抗日战争纪念馆新馆， 这“四问四答”说清楚了！
近日，网上山东抗日战争纪念馆正式上线“预约参观”功能。该功能聚焦团体红色教育核心需求，为企事业单位、学校等集体提供精准服务通道，进一步优化线上研学体验，助力更多团体通过数字化方式开展沉浸式红色学习。
蔡公时(1881-1928)，号痴公，江西九江人。先后任广东大本营陆军部练兵处秘书、国民党上海工统委员会委员、国民革命军总司令部战地政务委员兼外交处主任、国民党政府外交部山 【详情】
相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍【详情】
相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍【详情】
相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍【详情】
相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍【详情】
相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍相关介绍【详情】
').text(slide.desc)); // 将链接添加到幻灯片中 slideDiv.append(slideLink); // 将幻灯片添加到容器中 swiperWrapper.append(slideDiv); }); // 初始化Swiper initGxtpSwiper(); } // 显示tooltip $(".map_tooltip").fadeIn(); } } }); // 关闭提示框 $(".m_close").on('click', function () { $(this).parents(".map_tooltip").fadeOut(); const currentData = getCurrentYearData(); map1.setOption({ series: [ { data: convertData(currentData), rippleEffect: { scale: 1.0, }, }, { data: [] }, { effect: { show: false }, data: [] } ] }); }); // 点击.a2打开关系图谱弹窗 $(".map_tooltip .a2, .map_tooltip .txt_box p~a").on('click', function () { // 直接使用保存的城市数据 if (currentSelectedCity && currentSelectedCity.relationData) { // 更新头部图片，直接使用tooltipData.img $(".gxtpPopup .gxtp_tc .content .left .head img").attr("src", currentSelectedCity.tooltipData.img); // 检查并控制标签的显示/隐藏 const tabItems = $(".gxtp_tc .content .left ul li"); // 事情经过标签 - 检查regions数据或tooltipData.desc const hasRegionsData = currentSelectedCity.relationData.regions?.detailImgs?.length > 0 || (currentSelectedCity.tooltipData?.desc && currentSelectedCity.tooltipData.desc.trim() !== ''); tabItems.eq(0).toggle(hasRegionsData); // 关联人物标签 - 检查relatedPeople数据 const hasPeopleData = currentSelectedCity.relationData.relatedPeople?.slides?.length > 0; tabItems.eq(1).toggle(hasPeopleData); // 结果/意义标签 - 检查mainEvents数据 const hasEventsData = currentSelectedCity.relationData.mainEvents?.detailImgs?.length > 0 || (currentSelectedCity.relationData.mainEvents?.detailDesc && currentSelectedCity.relationData.mainEvents.detailDesc.trim() !== ''); tabItems.eq(2).toggle(hasEventsData); // 先移除所有active状态 tabItems.removeClass("active"); // 默认让第一个标签加上active状态，不管是否可见 tabItems.eq(0).addClass("active"); const contentArea = $(".gxtpPopup .gxtp_tc .content"); // 隐藏轮播图，显示图文详情 contentArea.find(".gxtpSwiper, .swiper-button-prev, .swiper-button-next").hide(); // 检查是否已存在图文详情区域，不存在则创建 if (contentArea.find(".detail-content").length === 0) { contentArea.append(`
').text(paragraph.trim())); }); contentArea.find(".detail-content").append(detailText); // 显示图文详情 contentArea.find(".detail-content").show(); // 显示弹窗 $(".gxtpPopup").fadeIn(); } else { // 创建自定义提示框 let tipBox = $('
').text(paragraph.trim())); }); contentArea.find(".detail-content").append(detailText); // 显示图文详情 contentArea.find(".detail-content").show(); break; case 1: // 关联人物 // 检查是否有关联人物数据 const hasPeopleData = currentSelectedCity.relationData.relatedPeople?.slides?.length > 0; if (!hasPeopleData) { // 如果没有数据，显示提示信息 const tipBox = $('
').text(slide.desc)); // 添加更多按钮 slideLink.append($('[更多]')); // 组装并添加到轮播图 slideDiv.append(slideLink); swiperWrapper.append(slideDiv); }); // 初始化Swiper initGxtpSwiper(); // 为[更多]按钮添加点击事件 contentArea.find(".more-btn").on('click', function (e) { e.stopPropagation(); // 阻止冒泡 // 获取当前点击的人物数据 const personIndex = $(this).closest('.swiper-slide').index(); const personData = peopleSlides[personIndex]; // 隐藏轮播图和其他可能显示的内容 contentArea.find(".gxtpSwiper, .swiper-button-prev, .swiper-button-next").hide(); contentArea.find(".detail-content").hide(); // 确保其他内容区域也被隐藏 // 检查是否已存在人物详情区域，不存在则创建 if (contentArea.find(".person-detail").length === 0) { // 使用jQuery方式创建人物详情元素 const personDetail = $('
').text(paragraph.trim())); }); personDetail.append(detailText); // 添加到内容区域 contentArea.append(personDetail); } else { // 更新已存在的人物详情内容 contentArea.find(".person-detail .detail-img img").attr("src", personData.img); contentArea.find(".person-detail .detail-text h4").text(personData.title); // 清空并重新添加分段内容 0730修改 const detailText = contentArea.find(".person-detail .detail-text"); detailText.find("p").remove(); // 移除所有现有的 p 标签 personData.desc.split('\n').filter(Boolean).forEach(paragraph => { detailText.append($('
').text(paragraph.trim())); }); } // 显示人物详情 contentArea.find(".person-detail").show(); // 为返回按钮添加点击事件 contentArea.find(".back-btn").on('click', function () { // 隐藏人物详情 contentArea.find(".person-detail").hide(); // 显示轮播图 contentArea.find(".gxtpSwiper, .swiper-button-prev, .swiper-button-next").show(); // 刷新Swiper initGxtpSwiper(); }); }); break; case 2: // 结果/意义 // 检查是否有结果/意义数据 const hasEventsData = currentSelectedCity.relationData.mainEvents?.detailImgs?.length > 0 || (currentSelectedCity.relationData.mainEvents?.detailDesc && currentSelectedCity.relationData.mainEvents.detailDesc.trim() !== ''); if (!hasEventsData) { // 如果没有数据，显示提示信息 const tipBox = $('
').text(paragraph.trim())); }); contentArea.find(".detail-content").append(eventDetailText); // 显示图文详情 contentArea.find(".detail-content").show(); break; } } }); // 修改年份切换事件 var fourSwiper = new Swiper('.fourSwiper', { centeredSlides: true, slidesPerView: '15', initialSlide: 6, on: { click: function (swiper, e) { fourSwiper.slideTo(this.clickedIndex) }, slideChangeTransitionEnd: function () { const activeSlide = document.querySelector('.fourSwiper .swiper-slide-active'); if (activeSlide) { const year = activeSlide.querySelector('p').textContent; console.log('当前年份:', year); // 根据年份选择对应的数据 let currentData; switch (year) { case '1931': currentData = data1931.event; break; case '1932': currentData = data1932.event; break; case '1933': currentData = data1933.event; break; case '1934': currentData = data1934.event; break; case '1935': currentData = data1935.event; break; case '1936': currentData = data1936.event; break; case '1937': currentData = data1937.event; break; case '1938': currentData = data1938.event; break; case '1939': currentData = data1939.event; break; case '1940': currentData = data1940.event; break; case '1941': currentData = data1941.event; break; case '1942': currentData = data1942