').attr('class', 'pop_city_main');
// 渲染每一栏目dom结构， 例如 A: [{xx: xx}]
var contentItemEach = function(data){
var $content = $('
').attr('class', 'pop_city_body_content');
$.each(data, function(letter, list){
var $block = $('
');
$block.append($('').text(letter));
$.each(list, function(i, data){
var $span = $('').text(data.name).data(data);
$span.on('click', item_click_callback);
$block.append($span);
});
$content.append($block);
});
return $content;
};
// 如果是海外城市使用cityListNoOverseas
// 如果再有新的定制，考虑把后面的抽出去
$.each((type === 'no_overseas' ? cityListNoOverseas : cityList), function(key, data) {
var $countryItem = $('').attr('class', 'pop_city_item');
var $head = $('
').attr('class', 'pop_city_head clearfix'); // 字母分类
var $body = $('
').attr('class', 'pop_city_body');
var $tabHtml = (key === '东南亚地区') ? key + 'NEW' : key; // 加个tips
var $tab = $('').html($tabHtml); // 国家分类
$title.append($tab);
if (key === '国内城市') {
$.each(data, function(head, item){
var $head_span = $('').text(head);
$head.append($head_span);
$body.append(contentItemEach(item));
$countryItem.append($head).append($body);
// letter tab click
$head_span.on('click', function(event){
event.stopPropagation();
var $curr = $(this), index = $curr.index();
var $find = $curr.parents('.pop_city_item').find('.pop_city_body_content');
// var $find = $curr.parents(jdom_id).find('.pop_city_body_content');
$curr.addClass('on').siblings('.on').removeClass('on');
$find.hide().eq(index).show();
return false;
});
});
} else {
$body.append(contentItemEach(data));
$body.addClass('foreign-country');
$countryItem.append($body);
}
$main.append($countryItem);
$tab.on('click', function(event) {
event.stopPropagation();
var $curr = $(this), index = $curr.index();
var $targetDom = $curr.parents(jdom_id).find('.pop_city_item');
$curr.addClass('active').siblings('.active').removeClass('active');
$targetDom.hide().eq(index).show();
return false;
})
});
$dom.append($title).append($main);
// 默认选中第一个 Tab
var $firstCountryTab = $dom.find('.pop_city_title span').first();
var $firstLetterTab = $dom.find('.pop_city_head > span').first();
$firstCountryTab.trigger('click');
$firstLetterTab.trigger('click');
// 热门城市
// var $firstBody = $dom.find('.pop_city_body_content').first();
// var $firstStrong = $firstBody.find('strong').first();
// // 默认处理
// if ($firstStrong.text() == '热门城市') {
// // 隐藏第一个标题
// $firstStrong.hide();
// // 最后一个标题加特殊样式
// $firstBody.find('strong').last().addClass('special');
// }
$('body').append($style).append($dom);
return $dom.hide();
}
$.fn.extend({
popCity: function(args, type=null) {
var $objs = this;
var dom_id = 'pop_city_dialog'+day;
// 海外城市独立domId
if (type === 'no_overseas') {
dom_id += 'no_overseas'
}
var option = {};
$(document.body).click(function(){
$('#'+dom_id).hide(); // 点击其他处关闭城市弹层
});
if (typeof args == 'function') {
option = $.extend(option, {callback:args});
}
if (typeof args == 'object') {
option = $.extend(option, args);
}
return $objs.each(function(){
var $curr = $(this);
$curr.on('click', function(event){
$('#hgg_selectbox').hide();
if (option.befor_run) option.befor_run();
event.stopPropagation();
var $handle = $(this), pos = $handle.offset();
var plus_height = $handle.height();
if (typeof $handle.outerHeight() == 'number') {
plus_height = $handle.outerHeight();
}
if (typeof plus_height == 'number') {
pos.top += parseInt(plus_height);
}
var $target = build_dom({id: dom_id}, option.callback, $curr, type);
if (pos.left + $target.outerWidth() > $(window).width()) {
pos.left = pos.left - (pos.left + $target.outerWidth() - $(window).width());
}
$target.css(pos);
var headerPosition = $('.hgg-header-box').css('position');
var $headerLocalLink = $handle.parent().hasClass('local-city-link');
var $topDom = $('body').find('.hgg-header-box');
var DomHeight = $topDom.position();
var topDomHeight = DomHeight ? DomHeight.top : 0;
var location = window.location.pathname;
var locationVenue = location.indexOf('/venue') == 0;
var fixedTop = locationVenue ? 40 : topDomHeight + 43;
// 弹出窗带城市选择 -- 规定弹出窗必须带有dialog-has-popcity且固定
var $dialogShowPopCity = $curr.parents('.layui-layer');
var dialogzIndex = $dialogShowPopCity.css('z-index');
var dialogPositionTop = $curr.position();
if ($headerLocalLink) {
$target.css({
zIndex: '10001',
top: fixedTop
})
headerPosition == 'static' ? $target.css('position', 'absolute') : $target.css('position', 'fixed');
} else if ($handle.parents('div').hasClass('quick-order')) {
// 一键下单
var isFixed = $('.hgg-header-box').hasClass('scroll-to-fixed-fixed');
var top = isFixed ? $('.hgg-header-box').height() + 30 : $('.hgg-header-box').offset().top + $('.hgg-header-box').height() + 30;
$target.css({
zIndex: '10001',
top: top,
position: 'fixed'
})
} else if ($dialogShowPopCity.hasClass('dialog-has-popcity')) {
$target.css({
position: 'fixed',
zIndex: dialogzIndex + '1',
})
} else if ($handle.hasClass("history_city_name")) {
var top = $(window).height()/2*1 - 130;
$target.css({
zIndex: '100001',
position: 'fixed',
top: top,
})
} else {
$target.css({
zIndex: '9998',
position: 'absolute'
})
}
if (option.after_run) option.after_run($target, $(this));
$target.show();
return false;
});
return this;
});
}
});
})(jQuery);