function initassocproductlistgiant(moduleid, layout, options,godetailtype=0,layoutcolor='red') { if ($.inarray(parseint(layout), [104, 105, 106, 107, 108, 109 ,110,111, 112, 113, 114, 115,116,117]) > -1) { addscripts(['/skinp/common/mobile/js/jquery.sideswitch.js','/skinp/common/mobile/js/screerow.js','/skinp/common/mobile/collection/js/jq.toch.js'],function(){ //ipad和手机版初始化过滤 $(window).on('resize.filtercontroll', function () { //初始化使用为固定定位 if (window.innerwidth < 992) { $('#module_' + moduleid + ' .silder-filter').sideswitch({ myposition: 'fixed', extra: '-20', offsettop: '35px', contentleft: '20px', inittop: '0', sidewidth: '0', contentwidth: (window.innerwidth >= 768 && window.innerwidth < 1199) ? window.innerwidth * .43 : window.innerwidth * .8, contentheight: $(window).height(), btn: $('#module_' + moduleid + ' .btn-filter'), callback: function (_this) { scrollfix(_this.find('.ss_content').get(0)); setlinecent($('.filtermobile'),_this); $('#module_' + moduleid + ' .shier').show().off('click').on('click',function(){ $('#module_' + moduleid + ' .btn-filter').click(); $('body').removeclass('bodyfixd'); $('body').removeclass('bodyabstre'); $(this).hide() }); } }); }else{ $('#module_' + moduleid + ' .silder-filter').hide() } if (window.innerwidth >= 992) { $('#module_' + moduleid + ' .pred-filter').screerow({ btnclasses: {btn: 'btn', btn_event: 'btn-event', 'btn-more': 'btn-more'}, roomclasses: {text_center: 'text-center', more: 'more', giantroom: 'giantroom'}, callback: function () { } }); } $('#module_' + moduleid + ' .shier').hide(); }) var setlinecent = function(dom,room){ if(room.data('isfinish'))return dom.each(function(){ var _this = $(this); _this.children().each(function(){ if(($(this).find('span').height())<=30)$(this).find('span').addclass('transform-center'); else $(this).find('span').css('height','33px'); }) }) room.data('isfinish',true); } var scrollfix = function(elem) { var u = navigator.useragent; var isios = !!u.match(/\(i[^;]+;( u;)? cpu.+mac os x/); var starty, starttopscroll; elem.addeventlistener('touchstart', function(event){ if(isios){if(!$('body').hasclass('bodyabstre')) $('body').addclass('bodyabstre');} else{if(!$('body').hasclass('bodyfixd')) $('body').addclass('bodyfixd');} starty = event.touches[0].pagey; starttopscroll = elem.scrolltop; //当滚动条在最顶部的时候 if(starttopscroll <= 0) elem.scrolltop = 1; //当滚动条在最底部的时候 if(starttopscroll + elem.offsetheight >= elem.scrollheight) elem.scrolltop = elem.scrollheight - elem.offsetheight - 1; }, false); }; var collapse = function (dom, kind) { var flag = $(dom).attr('attr-flag'); if (kind == 'pc') { if (flag == 'true') { $(dom).parents('.setting-pred-warp').eq(0).find('.pred-items').height('auto'); $(dom).find('.filter-fold').show(); $(dom).find('.filter-more').hide(); $(dom).attr('attr-flag', false) } else if (flag == 'false') { $(dom).parents('.setting-pred-warp').eq(0).find('.pred-items').height(35); $(dom).find('.filter-more').show(); $(dom).find('.filter-fold').hide(); $(dom).attr('attr-flag', true); }; } else if (kind == 'mobile') { if (flag == 'true') { $(dom).parents('.filter-items').eq(0).find('ul').height('auto'); $(dom).find('.filter-fold').show(); $(dom).find('.filter-all').hide(); $(dom).attr('attr-flag', false); } else if (flag == 'false') { $(dom).parents('.filter-items').eq(0).find('ul').height('40px'); $(dom).find('.filter-all').show(); $(dom).find('.filter-fold').hide(); $(dom).attr('attr-flag', true); } } } $('#module_' + moduleid + ' .setting-cut' + ',#module_' + moduleid + ' .mobile-cut').click(function () { if ($(this).hasclass('setting-cut')) collapse(this, 'pc'); else if ($(this).hasclass('mobile-cut')) collapse(this, 'mobile'); }) var touchon = new jqtochfn({ 'objid': '#module_' + moduleid + ' .silder-filter',//需要绑定tochs事件的元素 tochstart: function (e, x, y, oself, positions) { },//tochstart的回调函数 tochmove: function (e, direction, oself, positions) { },///tochmove的回调函数 tochend: function (e, direction, oself, positions) { if (direction.x > $('body').width()*.3) { $('body').removeclass('bodyfixd'); $('body').removeclass('bodyabstre'); $('#module_' + moduleid + ' .btn-filter').click(); $('#module_' + moduleid + ' .shier').hide(); } },//tochstart的回调函数 'objthis': {}//支持传入一个对象,方便在回调中调用传入对象的方法(创建容器对象) }); $('#module_' + moduleid + ' .silder-filter').sideswitch({ myposition: 'fixed', extra: '-20', offsettop: '35px', contentleft: '20px', inittop: '0', sidewidth: '0', contentwidth: (window.innerwidth >= 768 && window.innerwidth < 1199) ? window.innerwidth * .43 : window.innerwidth * .8, contentheight: $(window).height(), btn: $('#module_' + moduleid + ' .btn-filter'), callback: function (_this) { scrollfix(_this.find('.ss_content').get(0)); setlinecent($('.filtermobile'),_this); $('#module_' + moduleid + ' .shier').show().off('click').on('click',function(){ $('#module_' + moduleid + ' .btn-filter').click(); $('body').removeclass('bodyfixd'); $('body').removeclass('bodyabstre'); $(this).hide() }); } }); $('#module_' + moduleid + ' .pred-filter').screerow({ btnclasses: {btn: 'btn', btn_event: 'btn-event', 'btn-more': 'btn-more'}, roomclasses: {text_center: 'text-center', more: 'more', giantroom: 'giantroom'}, callback: function () { } }); $('#module_' + moduleid + ' .filter-items').each(function () { if ($(this).children('ul.filtermobile').children().length <= 0) { $(this).hide() } ; if ($(this).children('ul.filtermobile').children().length <= 3) { $(this).find('.mobile-cut').eq(0).hide() } ; }); $('#module_' + moduleid + ' .filter-items ul li').click(function () { if ($(this).hasclass('items-active')) { $(this).parent().find('li').removeclass('items-active'); } else { $(this).parent().find('li').siblings(".items-active").removeclass('items-active'); $(this).addclass('items-active'); } }) $('#module_' + moduleid + ' .bean-reset').click(function () { $('.items-active').removeclass('items-active'); }) //pc产品筛选js $('#module_' + moduleid + ' .filterpc>li').off('touchend.orderctrl click.orderctrl').on('touchend.orderctrl click.orderctrl', function (e) { var filterproductpanel = $('#module_' + moduleid + ' .setting-tab-bar'); filterproductlist_pc(filterproductpanel, this, moduleid, options.pagelink); }); $('#module_' + moduleid + ' .setting-tab-bar .icon-cuowu').off('touchend.orderctrl click.orderctrl').on('touchend.orderctrl click.orderctrl', function (e) { var filterproductpanel = $('#module_' + moduleid + ' .setting-tab-bar'); var filteritem = $(this).parent(); filterproductlist_pc(filterproductpanel, filteritem, moduleid, options.pagelink); }); //移动产品筛选js $('#module_' + moduleid + ' .bean-finish').off('touchend.orderctrl click.orderctrl').on('touchend.orderctrl click.orderctrl', function (e) { var filterproductpanel = $('#module_' + moduleid + ' .filtermobile'); $('body').removeclass('bodyfixd'); $('body').removeclass('bodyabstre'); filterproductlist_mobile(filterproductpanel, moduleid, options.pagelink); }); }); } if ($.inarray(parseint(layout), [119,120]) > -1) { initlayout120demo(moduleid,godetailtype,layoutcolor) } if (parseint(layout) == 127) { initlayout127demo(moduleid) } //处理有排序功能的 $('#module_' + moduleid + ' .orderctrlpanel>li').off('touchend.orderctrl click.orderctrl').on('touchend.orderctrl click.orderctrl', function (e) { if ($(this).hasclass('btn-filter')) { $('.selected').removeclass('selected'); $(this).addclass('selected'); return } sortproductlist(this, moduleid, options['pagelink']); }); window["initfunc" + moduleid] = function(){ //统一处理只显示n行的 if(options['multiellipsis']){ addscript('/scripts/multiellipsis.js',function(){ //标签页 或者 加载更多 for(var i = 0; i < options['multiellipsis'].length;i++){ new multiellipsis(options['multiellipsis'][i]); } }); } //多列显示的风格处理统一行高 if(options['liheight']){ addscript('/scripts/liheight.js',function(){ for(var i = 0; i < options['liheight'].length;i++){ new liheight(options['liheight'][i]); } }); } }; window["initfunc" + moduleid](); $(window).off('resize.module'+moduleid).on('resize.module'+moduleid, function() { window["initfunc" + moduleid](); }); showdetail(moduleid,godetailtype,layoutcolor); } //弹窗 function showdetail(moduleid,godetailtype,layoutcolor){ if (godetailtype == 1) { var pidreg = /^(prolist-pid-)(\d+)/; $("#module_"+moduleid).off('click.godetail').on('click.godetail', 'a[href^=\'prolist-pid-\']', function(e) { e.preventdefault(); var pid = pidreg.exec($(this).attr('href')); if (pid !== null) { pid = pid[2]; var html=''; $("#module_"+moduleid).append(html); $('.productlistmask').show(); var detailajax=function(pid){ $.ajax( { url: "/index.php?c=front/productdetail&a=getproductdetailmodulehtml&pid="+pid+"&layoutcolor="+layoutcolor, datatype:"html", beforesend: function () { }, success: function (json) { // console.log(json);return false; // if(!json.success){ // $('.tplselectmask').remove(); // alert(json.msg); // return ; // } //$html="json"; $('.productlistmask').after(json); } }); } detailajax(pid); } }); } } //询盘 function showenquirymodal(product_id,product_name,product_imgurl,layout='',moduleid){ if(layout==105){ var evt = evt || window.event; //获取event对象 if (evt.preventdefault) { evt.preventdefault(); //非ie浏览器 } else { evt.returnvalue = false; //在早期的ie版本中 } } console.log(product_id, product_name, product_imgurl,layout,moduleid); $('#enquirydailog'+moduleid).show(0,function() { $('#showcallback'+moduleid).data('enquirycallback') && $('#showcallback'+moduleid).data('enquirycallback')(product_name,product_id,product_imgurl,moduleid) }); } /* * @params: * img 显示的图片 * moduleid 模块id */ function initlayout120demo(moduleid,godetailtype,layoutcolor) { $('#module_' + moduleid).off('click.link').on('click.link', '.itemlink', function (e) { e.preventdefault(); var gref = $(this).attr('href-attr') if (godetailtype == 1) { if(gref && gref.indexof('http')>-1){ window.open(gref); }else{ showdetail(moduleid,godetailtype,layoutcolor); } }else{ if (gref) { window.open(gref); } } }) $('#module_' + moduleid).off('click.image' + moduleid).on('click.image' + moduleid, ' .popppostimage', function (e) { e.preventdefault(); e.stoppropagation(); var imagesrc = $(this).closest('.pro-img').find('img').attr('src') var $body_mask = $( '') $('body').append($body_mask) var timer = settimeout(function () { $body_mask.css('opacity', '1') $body_mask.find('#popup-module-img').css('top', '13%') $body_mask.find('.closebtn').css({ 'opacity': '1', 'top': '40px' }).off('click.closebtn').on('click.closebtn', function () { $body_mask.find('#popup-module-img').css({ 'transition': 'all .3s ease', 'top': '-50vw' }).fadein() $(this).css('top', '-50px') var timere = settimeout(function () { $body_mask.remove() cleartimeout(timere) }, 300) // $body_mask }) cleartimeout(timer) }, 50) }) } /* * @params: * img 显示的图片 * moduleid 模块id */ function initlayout127demo(moduleid) { if (window.innerwidth > 1199) { $('#module_' + moduleid + ' .pro-item').hover(function () { $(this).find('.img1').stop(true).animate({ height: '0', top: '150px' }); $(this).find('.img2').stop(true).animate({ height: '100%', top: '0px;' }); $(this).find('.pro-name').css("border-top","0"); }, function () { $(this).find('.img1').stop(true).animate({ top: '0px', height: '100%' }); $(this).find('.pro-name').css("border-top-width","1px"); $(this).find('.pro-name').css("border-top-style","solid"); $(this).find('.pro-name').css("border-top-color","#eee"); }) } else { $('#module_' + moduleid + ' .pro-item').off(); } var modulewidth = null; $('#module_' + moduleid).off('resize.initlayout127').on('resize.initlayout127', function () { if (modulewidth != window.innerwidth) { modulewidth = window.innerwidth initlayout127demo(moduleid) } }) }