home.js 4.96 KB
/**
 * 文件功能描述           :首页JS
 * 使用方法                 :直接use
 * author       :wei.wang@yoho.cn
 * date         :2015-4-23
 */

var $ = require("jquery");
require("lazyload");
var Swiper = require("yoho-idangerous.swiper");
var tips=require("yoho-tips");
var box=require("yoho-box");
//pop=============================================================================================
var pop = new Swiper('.swiper-container3', {
    loop : true,
    autoplay : 5000,
    autoStopPlay : false,
    paginationClickable : true,
    onSlideChangeEnd : function() {
        pop.startAutoplay();
        $(".swiper-container3 .lazy").lazyload();
    }
});

$('.prev-button').bind('click', function(e) {
    e.preventDefault();
    pop.swipePrev();
});
$('.next-button').bind('click', function(e) {
    e.preventDefault();
    pop.swipeNext();
});

var popTop = $(".pop-container").offset().top;
var popLeft=$(".pop-container").offset().left;


var limitTop=$(".pager-content-default").offset().top+$(".pager-content-default").height()+2-$(".pop-container").height();

var stopTop=$(".pager-content-default").offset().top-$(".pop-container").height();
var stopLeft=$(".bottom-item-container").offset().left+$(".bottom-item-container").width()-$(".pop-container").width();
console.log(stopLeft);
var isFixed=false;
if(limitTop-popTop>$(".pop-container").height())
{
    $(window).scroll(function() {
        if ($(document).scrollTop() >= popTop&&isFixed===false&&$(document).scrollTop() < limitTop) {
            isFixed=true;
            $(".pop-container-bottom").attr("class","pop-container");
            $(".pop-container").css({position:"fixed",top:0,left:popLeft});
        }
        else if($(document).scrollTop() > limitTop){
            $(".pop-container").removeAttr("style");
            if($(".swiper-container2")[0]!=null){
                $(".pop-container").css({"border-top":0});
            }
            $(".pop-container").attr("class","pop-container-bottom");
            isFixed=false;
        }
        else if(isFixed===true&&$(document).scrollTop() < popTop)
        {
            isFixed=false;
            $(".pop-container").removeAttr("style");
            if($(".swiper-container2")[0]!=null){
                $(".pop-container").css({"border-top":0});
            }
            
        }
    });
}

//================================================================================================


//首页碎片交互=================================================================================================
//mulLine.init();
function dealItems() {
    var citems = $(".item-text-area");
    if (!citems.length) {
        alert("返回");
        return;
    }
    var totalLineNum = 7;
    // 7 行
    var maxTitleStrNum = 45;
    // 15个字
    var maxDetailStrNum = 22;
    // 22个字

    if (document.body.clientWidth < 1190) {
        totalLineNum = 6;
        // 6 行
        maxTitleStrNum = 39;
        // 13个字
        maxDetailStrNum = 54;
        // 18个字
    }

    var titleLineNum = 0;
    var subTitleLineNum = 0;
    var detailLineNum = 0;
    var detailStr = "";
    var self = null;

    citems.each(function() {
        self = $(this);

        var itemTitleObj= self.find(".item-title:first");
        // 主标题行数
        titleLineNum = 1;
        if (maxTitleStrNum < itemTitleObj.attr("_title").length) {
            titleLineNum = 2;
        }

        // 副标题行数
        subTitleLineNum = 1;
        if (maxTitleStrNum < itemTitleObj.next().attr("_title").length) {
            subTitleLineNum = 2;
        }

        // 摘要内容行数
        detailLineNum = totalLineNum - titleLineNum - subTitleLineNum;
        if ((maxDetailStrNum * detailLineNum) < self.find(".item-detail").attr("_title").length) {
            detailStr = self.find(".item-detail").attr("_title").substring(0, maxDetailStrNum * detailLineNum ) + " ...";
            self.find(".item-detail").text(detailStr.replace(/[a-zA-Z]+?\s{1}\.\.\.\$/, " ..."));
        }
    });
    citems = null;
}
dealItems();
//=============================================================




//邮件订阅=============================================================================================================
    $(".followus-button").click(function(){
        if($(".follow-us-input-content input").val()=='')
        {
            box.alert(tips.getTips("emailEmpty"));
            return;
        }
        if(!tools.IYOHO_isEmail($(".follow-us-input-content input").val()))
        {
            box.alert(tips.getTips("emailError"));
            return;
        }
        $(".search-suggest").hide();
        window.open( '/passport/subscribe/index?email='+$(".follow-us-input-content input").val());
    });
    $(".followus-input").keydown(function(event){
        if(event.keyCode==13)
        
        {
            $(".followus-button").trigger("click");
        }
    });
    //===================================================================================================================