Nano Materials Science (2024)

' ); }); } if (firstLoad) { if (isJa && flag == 1) { changePage(flag); firstLoad = false; } else if (!isJa && isIp && flag == 2) { changePage(flag); firstLoad = false; } else if (!isJa && !isIp && isOf && flag == 3) { changePage(flag); firstLoad = false; } else if (!isJa && !isIp && !isOf && isCl && flag == 4) { changePage(flag); firstLoad = false; } } MathJax.Hub.Queue(['Typeset', MathJax.Hub]); } else { showYxAlert('warning', result['message']); } }, error: function (err) { showYxAlert('danger', err.responseJSON['message']); if (err.status == 401){ location.href = contextPath +'/user/user/login_forward'; } } }); } $(document).ready(function () { // 推荐文章轮播移动端支持手动滑动 var $carousels2 = $('#carousel-example-2-1'); var startX2, endX2; // 在滑动的一定范围内，才切换图片 var offset2 = 50; // 注册滑动事件 $carousels2.on('touchstart', function (e) { // 手指触摸开始时记录一下手指所在的坐标x startX2 = e.originalEvent.touches[0].clientX; }); $carousels2.on('touchmove', function (e) { // 目的是：记录手指离开屏幕一瞬间的位置 ，用move事件重复赋值 endX2 = e.originalEvent.touches[0].clientX; }); $carousels2.on('touchend', function (e) { //console.log(endX); //结束触摸一瞬间记录手指最后所在坐标x的位置 endX //比较endX与startX的大小，并获取每次运动的距离，当距离大于一定值时认为是有方向的变化 var distance2 = Math.abs(startX2 - endX2); if (distance2 > offset2) { //说明有方向的变化 //根据获得的方向 判断是上一张还是下一张出现 $(this).carousel(startX2 > endX2 ? $('#carousel-example-2-1').carousel('next') : $('#carousel-example-2-1').carousel('prev')); } }); // 初始化内层图片轮播 var articleImageSwiperDom = $('#carousel-example-2-1 .item'); var articleImageSwiperObj1, articleImageSwiperObj2; function articleImageSwiper(index) { var activeDom = $(articleImageSwiperDom[index]).find('.swiper-container-article'); if (activeDom.length > 0) { $(activeDom[0]).addClass('swiper-container-article1'); articleImageSwiperObj1 = new Swiper('.swiper-container-article1', { loop: true, autoplay: 1000, speed: 500, slidesPerView: 1, centeredSlides: true, spaceBetween: 0, slideActiveClass: 'none', }); articleImageSwiperObj1.stopAutoplay(); $('.swiper-container-article1') .parent() .parent() .parent() .hover( function () { console.log('12312'); articleImageSwiperObj1.startAutoplay(); }, function () { console.log('45645'); articleImageSwiperObj1.stopAutoplay(); } ); } if (activeDom.length > 1) { $(activeDom[1]).addClass('swiper-container-article2'); articleImageSwiperObj2 = new Swiper('.swiper-container-article2', { loop: true, autoplay: 1000, speed: 500, slidesPerView: 1, centeredSlides: true, spaceBetween: 0, slideActiveClass: 'none', }); articleImageSwiperObj2.stopAutoplay(); $('.swiper-container-article2') .parent() .parent() .parent() .hover( function () { articleImageSwiperObj2.startAutoplay(); }, function () { articleImageSwiperObj2.stopAutoplay(); } ); } } articleImageSwiper(0); // 外层轮播开始切换时，销毁内层图片轮播 $carousels2.on('slide.bs.carousel', function () { var destroyActiveDom = $('#carousel-example-2-1 .active .swiper-container-article'); if (articleImageSwiperObj1) { if (destroyActiveDom.length > 0) { articleImageSwiperObj1.destroy(); $(destroyActiveDom[0]).removeClass('swiper-container-article1'); } } if (articleImageSwiperObj2) { if (destroyActiveDom.length > 1) { articleImageSwiperObj2.destroy(); $(destroyActiveDom[1]).removeClass('swiper-container-article2'); } } }); // 外层轮播切换后，初始化内层图片轮播 $carousels2.on('slid.bs.carousel', function (obj) { articleImageSwiper($(this).find('.item').index(obj.relatedTarget)); }); // most Downloaded轮播移动端支持手动滑动 var $carousels3 = $('#carousel-example-3'); var startX3, endX3; var offset3 = 50; $carousels3.on('touchstart', function (e) { startX3 = e.originalEvent.touches[0].clientX; }); $carousels3.on('touchmove', function (e) { endX3 = e.originalEvent.touches[0].clientX; }); $carousels3.on('touchend', function (e) { var distance3 = Math.abs(startX3 - endX3); if (distance3 > offset3) { $(this).carousel(startX3 > endX3 ? $('#carousel-example-3').carousel('next') : $('#carousel-example-3').carousel('prev')); } }); // most cited轮播移动端支持手动滑动 var $carousels4 = $('#carousel-example-4'); var startX4, endX4; var offset4 = 50; $carousels4.on('touchstart', function (e) { startX4 = e.originalEvent.touches[0].clientX; }); $carousels4.on('touchmove', function (e) { endX4 = e.originalEvent.touches[0].clientX; }); $carousels4.on('touchend', function (e) { var distance4 = Math.abs(startX4 - endX4); if (distance4 > offset4) { $(this).carousel(startX4 > endX4 ? $('#carousel-example-4').carousel('next') : $('#carousel-example-4').carousel('prev')); } }); // videos 暂停播放控制 var videos = document.getElementsByName('video-inner'); // 给play事件绑定播放函数 [].forEach.call(videos, function (i, index) { i.addEventListener('play', pauseAll.bind(i, index)); }); }); // 暂停函数 function pauseAll(ind) { var videos = document.getElementsByTagName('video'); var self = this; [].forEach.call(videos, function (i, index) { // 将videos中其他的video全部暂停 i !== self && i.pause(); if (ind === index) { addVideoPlayNum(self.dataset.id); } }); } // 播放统计 function addVideoPlayNum(id) { $.ajax({ url: '/journal/add_video_num?id=' + id, type: 'get', data: '', success: function (result) { if (result.errCode == 0) { console.log('视频点击成功'); } else { showYxAlert('warning', 'Operation encountered an error, please try again!'); } }, error: function (err) { showYxAlert('danger', err.statusText); console.log(err.statusText); }, }); } var contextPath = ''; var isStage = '4'; var journalId = "1587634177379651586"; var isJa = ''; var isIp = ''; var isOf = ''; var isCl = 'true'; // 不同阶段文章列表选项卡切换 function changeArticleList(flag) { $('.article-list-main').css('display', 'none'); $('.menu2 a').removeClass('select'); $('.tab-article-' + flag).css('display', 'block'); $('#tab_' + flag).addClass('select'); changePage(flag); } if (isJa) { loadPageList(1, 1); } if (isIp) { loadPageList(2, 1); } if (isOf) { loadPageList(3, 1); } if (isCl) { loadPageList(4, 1); } // 默认选中just accepted changeArticleList(isStage); // most read most / citation切换 function changeMost(tab) { if (tab === 'read') { $('#tab-most-read').addClass('select'); $('#tab-most-citation').removeClass('select'); $('.tab-most-read').css('display', 'block'); $('.tab-most-citation').css('display', 'none'); } else { $('#tab-most-read').removeClass('select'); $('#tab-most-citation').addClass('select'); $('.tab-most-read').css('display', 'none'); $('.tab-most-citation').css('display', 'block'); } } // 默认选中most read； changeMost('read');