pfhwyigou/frontend/web/zt/kaocatuan20190126/js/index.js

var ajaxData = {time:0,city:0}


// 自定义下拉
$(".dropdiv").click(function(e){ 

    var parentDiv = $(this).parent();
    if(parentDiv.hasClass('on')){
        parentDiv.removeClass('on');
    }else{
        parentDiv.addClass('on');
    }

    $(".chooseItems").slideUp(300); 
    e.stopPropagation(); 
    var quest = $(this).parent(); 
    var questwidth = parseInt(quest.width())-2; 
    var questheight = quest.height(); 
    var left = quest.position().left+parseInt(quest.css("margin-left"))+parseInt(quest.css("padding-left")); 
    var top = parseInt(quest.position().top)+parseInt(questheight)+24; 
    var attrs = quest.attr("quest"); 
    var selectsd = $('.chooseItems[answer='+attrs+']'); 
    var selectsdHeight = selectsd.height(); 
    if((top+selectsdHeight)>$(window).height()){ 
        top = top - selectsdHeight - questheight-7; 
    } 
    if($(selectsd).is(":visible")){ 
        $(selectsd).slideUp(300); 
    }else{ 
        $(selectsd).css({"left":left+"px","top":top+"px","width":questwidth+"px"}).slideDown(300); 
    } 
}); 
$(".chooseItem").click(function(e){ 

    var parentDiv = $('.dropmiandiv');
    if(parentDiv.hasClass('on')){
        parentDiv.removeClass('on');
    }else{
        parentDiv.addClass('on');
    }
    var otype = $(this).attr('type');
    var oid = $(this).attr('displayMember');
    ajaxData[otype] = oid;

    information()   //调数据

    e.stopPropagation(); 
    var divhtml = $(this); 
    var displayMember,valueMember; 
    displayMember = divhtml.attr("displayMember"); 
    valueMember = divhtml.attr("valueMember"); 
    var attrs =$(this).parent().attr("answer"); 
    var parent = $("#"+attrs); 
    var olddisplayMember,oldvalueMember; 
    olddisplayMember = parent.attr("displayMember"); 
    oldvalueMember = parent.attr("valueMember"); 
    if(olddisplayMember !=displayMember){ 
        parent.attr("displayMember",displayMember); 
        parent.attr("valueMember",valueMember); 
        parent.val(valueMember); 
        parent.change(); 
    } 
    $(this).parent().slideUp(300); 
}); 

// 点击元素以外隐藏下拉
$(document).click(function(e){ 
    var target = $(e.target); 
    if(target.closest(".chooseItems").length == 0){ 
        $(".chooseItems").slideUp(300); 
    } 
    $('.dropmiandiv').removeClass('on');    //  删除
}); 

information();      //默认执行一次

function information(){
    $.ajax({
        type: 'post',
        url: '/zt/specialdata',
        data:ajaxData,
        dataType: 'json',
        success: function(data){
            if(data.code == "200"){
                var _html = "";
                $.each(data.data,function(k,v){
                    _html += '<li>';
                    _html += '<div class="delegation-img">';
                    if(v.is_push==2){
                    _html += '<b>热门</b>';
                    }
                    _html += '<img src="'+v.img+'" alt="">';
                    // _html += '<div class="delegation-font"><span>'+v.title+'</span></div>';
                    _html += '</div>';
                    _html += '<div class="delegation-tier"><a data-id="'+v.city+'" href="'+v.url+'">查看详情</a></div>';
                    _html += '</li>';
                })
                _html +='<li>';
                _html +='<div class="delegation-img">';
                _html +='<img src="/zt/kaocatuan20190126/image/lpb.png" alt="">';
                _html +='<div class="tion-font">更多精彩<br/>敬请期待</div>';
                _html +='</div>';
                _html +='</li>';
                $('.delegation-box ul').html("");
                $('.delegation-box ul').html(_html);
            }
        }
    });
}

// 列表中查看详情 点击按钮
$('.delegation-box ul').on('click','.delegation-tier a',function(){
    var that = $(this);
    var eid = that.attr('data-id');
    ajaxData.time = 0;
    ajaxData.city = eid;

    information();      //点击列表再次调用
})