티스토리 수익 글 보기

티스토리 수익 글 보기

(function($) { function common(){ var $gnb = $(“#gnb”), $header = $(“#header”), $search = $header.find(“.search”), $profile = $header.find(“.profile”), $menu = $header.find(“.menu”), $pageTop = $(“.page-top”), $sidebar = $(“.sidebar”), gnbWidth = 0; $(window).load(function(){ $gnb.find(“li”).each(function(){ gnbWidth = gnbWidth + $(this).outerWidth() + 1; if ( window.location.pathname == $(this).find(“a”).attr(“href”)){ $(this).addClass(“current”); } }); $gnb.find(“ul”).width(gnbWidth); if ( $gnb.width() < $gnb.find("ul").width() && $gnb.find(".current").length ){ var scrollPos = $gnb.find(".current").prev().length ? $gnb.find(".current").prev().position().left : $gnb.find(".current").position().left; $gnb.scrollLeft( scrollPos ); } }); $search.on("click", function(){ if ( !$(this).hasClass("on") ){ $(this).addClass("on").find("input").focus(); return false; } }); $header.on("mouseleave", function(){ $search.removeClass("on"); }); $profile.on("click", "button", function(){ if ( $(this).siblings("nav").is(":hidden") ){ $(this).siblings("nav").show(); } else { $(this).siblings("nav").hide(); } }); $profile.on("mouseleave", function(){ $(this).find("nav").hide(); }); $(document).on("keyup", function(e) { if (e.which == 27){ $search.removeClass("on"); $profile.find("nav").hide(); $("body").removeClass("mobile-menu"); if ( $("#dimmed").length ) $("#dimmed").remove(); } }); $pageTop.on('click', function(){ $('body, html').animate({ scrollTop: 0 }, 300 ); return false; }); $menu.on("click", function(){ if ( $("body").hasClass("mobile-menu") ){ $("body").removeClass("mobile-menu"); } else { $("body").addClass("mobile-menu"); $("body").append('
‘); if ( !$(“#aside .profile”).length ){ $(“#aside”).append(‘
‘); $profile.find(“ul”).clone().appendTo(“#aside .profile”); } } }); $(document).on(“click”, “#dimmed, #aside .close”, function(){ $(“body”).removeClass(“mobile-menu”); if ( $(“#dimmed”).length ) $(“#dimmed”).remove(); }); $(window).resize(function(){ gnbWidth = 0; if ( $menu.is(“:hidden”) ) $(“body”).removeClass(“mobile-menu”); if ( $(“#dimmed”).length ) $(“#dimmed”).remove(); $gnb.find(“li”).each(function(){ gnbWidth = gnbWidth + $(this).outerWidth() + 1; }); $gnb.find(“ul”).width(gnbWidth); }); if ( window.T && window.T.config.USER.name ){ $profile.find(“.login”).hide(); $profile.find(“.logout”).show(); } else { $profile.find(“.login”).show(); $profile.find(“.logout”).hide(); } $profile.on(“click”, “.login”, goLoginPage); $profile.on(“click”, “.logout”, goLogoutPage); $sidebar.on(“click”, “.login”, goLoginPage) $sidebar.on(“click”, “.logout”, goLogoutPage) } function goLoginPage(){ document.location.href = ‘https://www.tistory.com/auth/login?redirectUrl=’ + encodeURIComponent(window.TistoryBlog.url); } function goLogoutPage(){ document.location.href = ‘https://www.tistory.com/auth/logout?redirectUrl=’ + encodeURIComponent(window.TistoryBlog.url); } function mainSlider(){ var $slider = $(“.main-slider”); $slider.each(function(){ var $this = $(this), $sliderItem = $(this).find(“li”), itemLength = $sliderItem.length, num = 0; if ( itemLength > 1 ){ if ( !$this.find(“paging”).length ){ $this.append(‘
‘); $sliderItem.each(function(i){ $this.find(“.paging”).append(‘‘); }); $this.find(“.paging button:first”).addClass(“current”); $this.on(“click”, “.paging button”, function(){ slideMove($(this).index()); }); } $slider.find(“ul”).height( $sliderItem.eq(num).height() ); if ( $(“#aside”).css(“float”) == “right” ){ $sliderItem.css({ “position”: “absolute”, “top”: “100%”, “left”: 0, }).eq(num).css(“top”,0); } else { $sliderItem.css({ “position”: “absolute”, “top”: 0, “left”: “100%”, }).eq(num).css(“left”,0); } function slideMove(index){ if ( num == index || $sliderItem.is(“:animated”) ) return false; $slider.find(“.paging button”).eq(index).addClass(“current”).siblings().removeClass(“current”); if ( $(“#aside”).css(“float”) == “right” ){ $sliderItem.css(“left”,0); if ( num > index ){ $sliderItem.eq(index).css(“top”,”-100%”).animate({ top: “0” }, 500 ); $sliderItem.eq(num).animate({ top: “100%” }, 500 ); } else { $sliderItem.eq(index).css(“top”,”100%”).animate({ top: “0” }, 500 ); $sliderItem.eq(num).animate({ top: “-100%” }, 500 ); } } else { $sliderItem.css(“top”,0); if ( num > index ){ $sliderItem.eq(index).css(“left”,”-100%”).animate({ left: “0” }, 500 ); $sliderItem.eq(num).animate({ left: “100%” }, 500 ); } else { $sliderItem.eq(index).css(“left”,”100%”).animate({ left: “0” }, 500 ); $sliderItem.eq(num).animate({ left: “-100%” }, 500 ); } } num = index; } $this.on(“touchstart”, function(){ var touch = event.touches[0]; touchstartX = touch.clientX, touchstartY = touch.clientY; }); $this.on(“touchend”, function(){ if( event.touches.length == 0 ){ var touch = event.changedTouches[event.changedTouches.length – 1]; touchendX = touch.clientX, touchendY = touch.clientY, touchoffsetX = touchendX – touchstartX, touchoffsetY = touchendY – touchstartY; if ( Math.abs(touchoffsetX) > 10 && Math.abs(touchoffsetY) <= 100 ){ if (touchoffsetX < 0 ){ index = num+1 > itemLength-1 ? itemLength-1 : num+1; } else { index = num-1 < 0 ? 0 : num-1; } $slider.find(".paging button").eq(index).click(); } } }); $(window).resize(function(){ $this.find("ul").css("height", $this.find("li").height() ); }); } }); } function viewMore(){ if ( $(".paging-view-more").length && $(".post-item").length ){ viewMoreShow(); } function viewMoreShow(){ var nextUrl = $(".pagination .next").attr("href"); $(".pagination a").hide(); if( nextUrl ){ $(".pagination").append('more‘); $(“.pagination .view-more”).on(“click”, function(){ viewMore(nextUrl); return false; }); } } function viewMore(url){ $.ajax({ url: url }).done(function (res) { var $res = $(res), $nextPostItem = $res.find(“.post-item”), $paginationInner = $res.find(“.pagination”).html(); if ( $nextPostItem.length > 0 ){ $(“#content .inner”).append($nextPostItem); $(“.pagination”).html($paginationInner); viewMoreShow(); } else { $(“.pagination”).remove(); } }); } } function tabUI($ele){ $ele.each(function(){ var $this = $(this), $list = $this.find(“.tab-list”), itemLength = $list.length; if ( itemLength > 1 ){ $this.prepend(“

“); $list.each(function(i){ $this.find(“>h2”).append(‘‘+$(this).find(“h2”).text()+’‘) $(this).find(“h2”).remove(); }); $this.find(“h2 a”).on(“click”, function(){ $list.hide(); $(this).addClass(“current”).siblings().removeClass(“current”); $($(this).attr(“href”)).show(); return false; }); $this.find(“a:first”).click(); } }); } function commentControl(){ $(document).on(“click”, “.comments .comment-list ul li .author-meta .control button”, function(){ if ( $(this).siblings(“.link”).is(“:hidden”) ){ $(“.comments .link”).removeAttr(“style”); $(this).siblings(“.link”).show(); } else { $(this).siblings(“.link”).hide(); } }); $(document).on(“keyup”, function(e){ if ( e.keyCode == ’27’ ){ $(“.comment-list ul li .author-meta .control .link”).removeAttr(“style”); } }); } function coverLoadMore(){ var $cover = $(“.cover-thumbnail-2”), $item = $cover.find(“ul li”); if ( $item.length > 4 ){ $item.each(function(){ if ( $(this).index() > 4 ) $(this).hide(); }); $cover.append(‘‘); } $cover.on(“click”, “.prev”, function(){ if ( $list.is(“:animated”) ) return false; viewLength = Math.round($cover.width()/itemOuter); if ( num > 0 ){ num = num > itemLength-viewLength ? itemLength-viewLength-1 : num-1; $list.animate({ “left”: -itemOuter*num }, 300 ); } }); $cover.on(“click”, “.next”, function(){ if ( $list.is(“:animated”) ) return false; viewLength = Math.round($cover.width()/itemOuter); if ( num < itemLength-viewLength ){ num++; $list.animate({ "left": -itemOuter*num }, 300 ); } }); $cover.on("touchstart", function(){ var touch = event.touches[0]; touchstartX = touch.clientX, touchstartY = touch.clientY; }); $cover.on("touchend", function(){ if( event.touches.length == 0 ){ var touch = event.changedTouches[event.changedTouches.length - 1]; touchendX = touch.clientX, touchendY = touch.clientY, touchoffsetX = touchendX - touchstartX, touchoffsetY = touchendY - touchstartY; if ( Math.abs(touchoffsetX) > 10 && Math.abs(touchoffsetY) <= 100 ){ if (touchoffsetX < 0 ){ $cover.find(".next").click(); } else { $cover.find(".prev").click(); } } } }); $(window).resize(function(){ $cover.find("ul, li").width(""); itemWidth = $item.width(); itemOuter = $item.outerWidth(); var viewLength = Math.round($cover.width()/itemOuter); $item.css({ "width": itemOuter, "padding-left": Math.abs(parseInt($list.css("margin-left"))), }); $list.css({ "width": itemOuter*itemLength, "left": (num > viewLength ? -itemOuter*viewLength : -itemOuter*num) }); if ( viewLength == itemLength ){ $cover.find(“button”).remove(); $list.css(“left”, 0); } else { if ( !$cover.find(“button”) ){ $cover.append(‘‘); } } }); }); }; function postCover(){ var $postCover = $(“.post-cover”); if ( !$postCover.length ){ $(“body”).addClass(“post-cover-hide”) } } // Execute common(); if ( $(“.main-slider”).length ) mainSlider(); if ( $(“.paging-view-more”).length && $(“.post-item”).length ) viewMore(); if ( $(“.tab-ui”).length ) tabUI($(“.tab-ui”)); commentControl(); if ( $(“.cover-thumbnail-2”).length ) coverLoadMore(); if ( $(“.cover-thumbnail-3, .cover-thumbnail-4”).length ) coverSlider(); if ( $(“#tt-body-page”).length ) postCover(); })(jQuery);