#M活

$(function() { // 未ログイン時の挙動対応 var islogin = false; if (['1', '3'].indexOf(document.getCookie('loginchecked')) !== -1) { islogin = true; } // サムネイルポップアップ $(document).bind('ajaxSuccess', function() { var $target_blocks = $('.work_main_list_ncol'); $target_blocks.each(function () { if ($(this).thumbImgPopup !== undefined) { $(this).thumbImgPopup(); $(this).setBlockViewSetting('mheight_01','__sp_detail','end'); }; }); } ); $.getJSON('https://www.dlsite.com/maniax/load/member/uninterest').then( function (res) { var rejects = [].concat(res['reason_1'], res['reason_2']) $('.recommend_list').each(function(i, element){ var href = element.dataset.href var type = element.dataset.type href && $.get(href).then(function(res){ // html適応 $(element).html(res) // イベント設定 $(element).find('li.swiper-slide').each(function(i, li){ var $li = $(li) // 不要な作品 if (~rejects.indexOf($li.data('prod'))) { return $li.remove() } // miniメニュー開閉 $li.find('.mini_menu').bind('click', function (e) { $li.find('.mini_menu_dropdown').toggleClass('open'); }) // 非表示設定 $li.find('.mini_menu_dropdown_inner').bind('click', function() { // 未ログイン時は新規ユーザ登録ページに遷移 if (islogin) { $.get('https://www.dlsite.com/maniax/cart/ajax/=/mode/nothanks/product_id/' + $li.data('prod')) .done(() => $li.find('.recommend_work_item').addClass('hidden')) .fail(() => window.location.href = 'https://www.dlsite.com/maniax/regist/user'); } else { window.location.href = 'https://www.dlsite.com/maniax/regist/user'; } }) // Vueの拡大ポップアップロジックを利用するためVueのinit処理を行い、コンポーネントをマウントする $(window).triggerHandler('initialize.vue'); const sendGaEvent = function(e) { var $self = $(e.currentTarget); //GAイベント送信 try { window.ga('send', 'event', dlsite.getName(), 'recommend_' + $li.data('category'), $self[0].pathname); } catch (ex) { // } return true; } // レコメンド結果通知 $li.delegate('a', 'click', function (e) { sendGaEvent(e); }); // マウスホイールクリックの検知用 $li.delegate('a', 'mousedown', function (e) { if (e.button !== 1) return true; return sendGaEvent(e); }); }); // 表示NG設定に基づいたフィルターの適用 $.filterImage(); // Swiper new Swiper(element.firstChild, { navigation: { nextEl: '.swiper-button-next.type-' + type, prevEl: '.swiper-button-prev.type-' + type, disabledClass: 'disable', }, slidesPerColumn: type === 'viewsales2' ? 2 : 1, slidesPerView: Math.floor($(element).find('.swiper-container').width() / 200), slidesPerGroup: Math.floor($(element).find('.swiper-container').width() / 200), spaceBetween: 10, breakpoints: { 1194: { slidesPerView: 3, slidesPerGroup: 3, }, 1364: { slidesPerView: 4, slidesPerGroup: 4, }, 1534: { slidesPerView: 5, slidesPerGroup: 5, }, 1704: { slidesPerView: 6, slidesPerGroup: 6, }, 1874: { slidesPerView: 7, slidesPerGroup: 7, }, max: { slidesPerView: 8, slidesPerGroup: 8, } }, }) }); }) } ) }) $(function () { var endpoint = 'https://www.dlsite.com/maniax/work/matome/ajax/=/product_id/RJ01007864.html'; $.get(endpoint).then(function(res){ // html適用 $('._work_matome').html(res); //要素表示時読み込み if (document.getElementById('matome-swiper') != null) { // Swiper4系 var swiper = new Swiper('#matome-swiper', { slidesPerView: 6, slidesPerGroup: 6, spaceBetween: 20, watchSlidesVisibility: true, navigation: { nextEl: '.swiper-button-next.type-matome', prevEl: '.swiper-button-prev.type-matome', }, preloadImages: false, lazy: true, breakpoints: { 1900: { slidesPerView: 5, slidesPerGroup: 5, }, 1620: { slidesPerView: 4, slidesPerGroup: 4, }, 1390: { slidesPerView: 3, slidesPerGroup: 3, }, 1150: { slidesPerGroup: 2, slidesPerView: 2, } } }); $('.matome_box').show(); var scrollIn = function(event) { var target_rect = document.getElementById('matome-swiper').getBoundingClientRect(); if (0 < target_rect.top && target_rect.bottom <= window.innerHeight) { swiper.lazy.load(); window.removeEventListener('scroll', scrollIn, false); } }; window.addEventListener('scroll', scrollIn, false); } }); }); [  ]