底栏显示 Partnerships
This commit is contained in:
27
js/footer.js
27
js/footer.js
@@ -2,7 +2,7 @@ function initFooter() {
|
||||
// const $daohang = $('.footer .daohang');
|
||||
// $daohang.nextUntil('.daohang_bottom_line').remove(); // 删除中间所有元素，直到 .busuna 前的所有兄弟
|
||||
|
||||
console.log(11)
|
||||
|
||||
$('.footer .daohang').css({
|
||||
'border-bottom': 'none',
|
||||
})
|
||||
@@ -50,8 +50,33 @@ function initFooter() {
|
||||
'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);
|
||||
if (fid === '20') {
|
||||
insertManagementTeam();
|
||||
} else if (fid === '84') {
|
||||
} else if (fid === '87') {
|
||||
initPartnerships();
|
||||
}
|
||||
}
|
||||
@@ -8718,35 +8718,82 @@ function afooter_text() { // 获取地址栏信息
|
||||
var arr = result.data.footers;
|
||||
var str = "";
|
||||
var claSty = "";
|
||||
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>'
|
||||
var arr = result.data.footers;
|
||||
var str = "";
|
||||
var currentFooterId = getQueryString('footer_id');
|
||||
|
||||
} 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>'
|
||||
// 1. 这里定义你死都想保持的【前端显示顺序】
|
||||
var titleMap = {
|
||||
'Guidelines': 'Guidelines',
|
||||
'Publisher Information': 'Publisher Information',
|
||||
'Join Us': 'Partnerships'
|
||||
};
|
||||
|
||||
// 2. 关键修改：不要遍历 arr，而是直接遍历写死了顺序的 titleMap 键名数组
|
||||
var orderKeys = Object.keys(titleMap); // 得到 ['Guidelines', 'Publisher Information', 'Join Us']
|
||||
|
||||
for (var k = 0; k < orderKeys.length; k++) {
|
||||
var i = orderKeys[k]; // 严格按照我们定义的顺序拿到 key
|
||||
|
||||
// 3. 检查后端返回的数据里，有没有这个分类
|
||||
if (arr && arr[i]) {
|
||||
var headingText = titleMap[i];
|
||||
var subItems = arr[i];
|
||||
|
||||
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);
|
||||
|
||||
// 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({
|
||||
type: 'post', url: apiUrl + 'api/Journal/getFooterAtrNew',
|
||||
|
||||
Reference in New Issue
Block a user