MediaWiki:Common.js:修订间差异
无编辑摘要 |
无编辑摘要 |
||
第2行: | 第2行: | ||
// 加载bootstrap | // 加载bootstrap | ||
mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@ | mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap-grid.min.css", "text/css"); | ||
mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js", "text/javascript"); | //mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js", "text/javascript"); | ||
// 确保一定生效 | // 确保一定生效 | ||
setTimeout(function(){ | setTimeout(function(){ | ||
var tempBtns = $('.template-btn-container'); | |||
// 模板 - 按钮的click事件初始化 | |||
tempBtns.click(function(e){ | |||
e.stopPropagation(); | |||
var temp = this, link = this.getAttribute('data-link') || ''; | |||
if(link.indexOf('http:') || link.indexOf('https:')){ | |||
window.open(link, '_blank'); | |||
}else{ | |||
window.open('/index.php/' + link, '_blank'); | |||
} | |||
}) | |||
// 模板-按钮-图标svg处理 | |||
tempBtns.each( function(index, btnDom){ | |||
var imgDom = $(btnDom).find('img')[0] | |||
if(imgDom && imgDom.src.indexOf('.svg/')){ | |||
var svgSrc = imgDom.src.replace(/svg\/.+\.png/g, 'svg').replace('thumb/','') | |||
fetch(svgSrc).then(function(res){return res.text()}).then(function(svgHtml){ | |||
$(imgDom.parentNode.parentNode).replaceWith(svgHtml) | |||
}) | |||
} | |||
}) | |||
console.log('js init~') | |||
}, 300) | }, 300) |
2024年5月14日 (二) 15:21的版本
/* 这里的任何JavaScript将为所有用户在每次页面加载时加载。 */ // 加载bootstrap mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@4.6.2/dist/css/bootstrap-grid.min.css", "text/css"); //mw.loader.load("https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.min.js", "text/javascript"); // 确保一定生效 setTimeout(function(){ var tempBtns = $('.template-btn-container'); // 模板 - 按钮的click事件初始化 tempBtns.click(function(e){ e.stopPropagation(); var temp = this, link = this.getAttribute('data-link') || ''; if(link.indexOf('http:') || link.indexOf('https:')){ window.open(link, '_blank'); }else{ window.open('/index.php/' + link, '_blank'); } }) // 模板-按钮-图标svg处理 tempBtns.each( function(index, btnDom){ var imgDom = $(btnDom).find('img')[0] if(imgDom && imgDom.src.indexOf('.svg/')){ var svgSrc = imgDom.src.replace(/svg\/.+\.png/g, 'svg').replace('thumb/','') fetch(svgSrc).then(function(res){return res.text()}).then(function(svgHtml){ $(imgDom.parentNode.parentNode).replaceWith(svgHtml) }) } }) console.log('js init~') }, 300)