底栏显示 Partnerships
This commit is contained in:
27
js/footer.js
27
js/footer.js
@@ -2,7 +2,7 @@ function initFooter() {
|
|||||||
// const $daohang = $('.footer .daohang');
|
// const $daohang = $('.footer .daohang');
|
||||||
// $daohang.nextUntil('.daohang_bottom_line').remove(); // 删除中间所有元素,直到 .busuna 前的所有兄弟
|
// $daohang.nextUntil('.daohang_bottom_line').remove(); // 删除中间所有元素,直到 .busuna 前的所有兄弟
|
||||||
|
|
||||||
console.log(11)
|
|
||||||
$('.footer .daohang').css({
|
$('.footer .daohang').css({
|
||||||
'border-bottom': 'none',
|
'border-bottom': 'none',
|
||||||
})
|
})
|
||||||
@@ -50,8 +50,33 @@ function initFooter() {
|
|||||||
'display': 'inline-block',
|
'display': 'inline-block',
|
||||||
})
|
})
|
||||||
|
|
||||||
|
bindFooterPartnershipsClick();
|
||||||
|
}
|
||||||
|
|
||||||
|
function bindFooterPartnershipsClick() {
|
||||||
|
var partnershipsUrl = 'afoor_text.html?&footer_id=87';
|
||||||
|
|
||||||
|
$(document).off('click.footerPartnerships', '.footer .daohang h3');
|
||||||
|
$(document).on('click.footerPartnerships', '.footer .daohang h3', function () {
|
||||||
|
if ($.trim($(this).text()) === 'Partnerships') {
|
||||||
|
window.open(partnershipsUrl, '_blank');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
function stylePartnershipsH3() {
|
||||||
|
$('.footer .daohang h3').each(function () {
|
||||||
|
if ($.trim($(this).text()) === 'Partnerships') {
|
||||||
|
$(this).css('cursor', 'pointer');
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
stylePartnershipsH3();
|
||||||
|
|
||||||
|
var daohangEl = document.querySelector('.footer .daohang');
|
||||||
|
if (daohangEl && typeof MutationObserver !== 'undefined') {
|
||||||
|
new MutationObserver(stylePartnershipsH3).observe(daohangEl, { childList: true, subtree: true });
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
//临时改的 合刊在删
|
//临时改的 合刊在删
|
||||||
|
|||||||
@@ -8694,7 +8694,7 @@ function renderLegalFooterContent(footer) {
|
|||||||
var fid = String(footer.footer_id);
|
var fid = String(footer.footer_id);
|
||||||
if (fid === '20') {
|
if (fid === '20') {
|
||||||
insertManagementTeam();
|
insertManagementTeam();
|
||||||
} else if (fid === '84') {
|
} else if (fid === '87') {
|
||||||
initPartnerships();
|
initPartnerships();
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@@ -8718,34 +8718,81 @@ function afooter_text() { // 获取地址栏信息
|
|||||||
var arr = result.data.footers;
|
var arr = result.data.footers;
|
||||||
var str = "";
|
var str = "";
|
||||||
var claSty = "";
|
var claSty = "";
|
||||||
for (var i in arr) {
|
var arr = result.data.footers;
|
||||||
if (i == 'Guidelines') {
|
var str = "";
|
||||||
str += '<ul><h3>' + i + '</h3>'
|
var currentFooterId = getQueryString('footer_id');
|
||||||
for (var j = 0; j < arr[i].length; j++) {
|
|
||||||
if (arr[i][j].footer_id == getQueryString('footer_id')) {
|
// 1. 这里定义你死都想保持的【前端显示顺序】
|
||||||
claSty = " class='leli_chlik'"
|
var titleMap = {
|
||||||
} else {
|
'Guidelines': 'Guidelines',
|
||||||
claSty = ""
|
'Publisher Information': 'Publisher Information',
|
||||||
}
|
'Join Us': 'Partnerships'
|
||||||
str += '<li' + claSty + ' id="' + arr[i][j].footer_id + '"><i></i><a>' + arr[i][j].footer_title + '</a></li>'
|
};
|
||||||
}
|
|
||||||
str += '</ul>'
|
// 2. 关键修改:不要遍历 arr,而是直接遍历写死了顺序的 titleMap 键名数组
|
||||||
|
var orderKeys = Object.keys(titleMap); // 得到 ['Guidelines', 'Publisher Information', 'Join Us']
|
||||||
} else if (i == 'Publisher Information') {
|
|
||||||
str += '<ul><h3>' + i + '</h3>'
|
for (var k = 0; k < orderKeys.length; k++) {
|
||||||
for (var j = 0; j < arr[i].length; j++) {
|
var i = orderKeys[k]; // 严格按照我们定义的顺序拿到 key
|
||||||
if (arr[i][j].footer_id == getQueryString('footer_id')) {
|
|
||||||
claSty = " class='leli_chlik'"
|
// 3. 检查后端返回的数据里,有没有这个分类
|
||||||
} else {
|
if (arr && arr[i]) {
|
||||||
claSty = ""
|
var headingText = titleMap[i];
|
||||||
}
|
var subItems = arr[i];
|
||||||
str += '<li' + claSty + ' id="' + arr[i][j].footer_id + '"><i></i><a>' + arr[i][j].footer_title + '</a></li>'
|
|
||||||
|
str += '<ul><h3>' + headingText + '</h3>';
|
||||||
|
|
||||||
|
for (var j = 0; j < subItems.length; j++) {
|
||||||
|
var claSty = (subItems[j].footer_id == currentFooterId) ? " class='leli_chlik'" : "";
|
||||||
|
str += '<li' + claSty + ' id="' + subItems[j].footer_id + '"><i></i><a>' + subItems[j].footer_title + '</a></li>';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
str += '</ul>'; // 闭合标签
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 渲染到页面
|
||||||
$('.legal_list').html(str);
|
$('.legal_list').html(str);
|
||||||
|
|
||||||
|
// for (var i in arr) {
|
||||||
|
// if (i == 'Guidelines') {
|
||||||
|
// str += '<ul><h3>' + i + '</h3>'
|
||||||
|
// for (var j = 0; j < arr[i].length; j++) {
|
||||||
|
// if (arr[i][j].footer_id == getQueryString('footer_id')) {
|
||||||
|
// claSty = " class='leli_chlik'"
|
||||||
|
// } else {
|
||||||
|
// claSty = ""
|
||||||
|
// }
|
||||||
|
// str += '<li' + claSty + ' id="' + arr[i][j].footer_id + '"><i></i><a>' + arr[i][j].footer_title + '</a></li>'
|
||||||
|
// }
|
||||||
|
// str += '</ul>'
|
||||||
|
|
||||||
|
// } else if (i == 'Publisher Information') {
|
||||||
|
// str += '<ul><h3>' + i + '</h3>'
|
||||||
|
// for (var j = 0; j < arr[i].length; j++) {
|
||||||
|
// if (arr[i][j].footer_id == getQueryString('footer_id')) {
|
||||||
|
// claSty = " class='leli_chlik'"
|
||||||
|
// } else {
|
||||||
|
// claSty = ""
|
||||||
|
// }
|
||||||
|
// str += '<li' + claSty + ' id="' + arr[i][j].footer_id + '"><i></i><a>' + arr[i][j].footer_title + '</a></li>'
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// else if (i == 'Join Us') {
|
||||||
|
// str += '<ul><h3>Partnerships</h3>'
|
||||||
|
// for (var j = 0; j < arr[i].length; j++) {
|
||||||
|
// if (arr[i][j].footer_id == getQueryString('footer_id')) {
|
||||||
|
// claSty = " class='leli_chlik'"
|
||||||
|
// } else {
|
||||||
|
// claSty = ""
|
||||||
|
// }
|
||||||
|
// str += '<li' + claSty + ' id="' + arr[i][j].footer_id + '"><i></i><a>' + arr[i][j].footer_title + '</a></li>'
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
|
||||||
|
|
||||||
|
// $('.legal_list').html(str);
|
||||||
|
|
||||||
|
|
||||||
$.ajax({
|
$.ajax({
|
||||||
|
|||||||
Reference in New Issue
Block a user