本WIKI编辑权限开放,正由 恋与深空Evol攻略组 搭建基础框架ing,期待更多猎人加入WIKI建设!
反馈留言 • 收藏方法 • 加入我们
Widget:模板调用
<script type="text/javascript"> (window.RLQ = window.RLQ || []).push(['jquery', () => { $(function(){ console.log('模板调用ing......'); loadAndShowWikiContent();
// 加载模板 function loadAndShowWikiContent(roleName) {
var wikiContent = document.getElementById("content-area"); wikiContent.innerHTML = ""; // 调用MediaWiki的API获取wiki内容 var api = new mw.Api(); // 调用api.get方法,传入action, text参数,请求解析文本 api.get({ action: "parse", text: `
}`,
}).then(function (ret) { if (ret && ret.parse && ret.parse.text) { wikiContent.innerHTML = ret.parse.text['*']; // 加载短信内容功能所需js if (!window.jsLoad) { mw.loader.load("https://wiki.biligame.com/lysk/index.php?title=MediaWiki:朋友圈选项.js&action=raw&ctype=text/javascript", "text/javascript"); handleSwitch(); setTimeout(jsLoad,1000); } }
else wikiContent.innerHTML += "
加载内容失败:" + ret + "
";
});
} function handleSwitch(){ // 获取所有的SwitchContainer const switchContainers = document.querySelectorAll('.SwitchContainer'); // 为所有SwitchContainer添加点击事件监听 switchContainers.forEach(container => {
// 监听点击事件 container.addEventListener('click', function (e) { // 检查点击的是否为按钮 if (e.target.classList.contains('btn')) { // 阻止事件冒泡 e.stopPropagation();
// 获取当前SwitchContainer内的按钮和内容 const buttons = container.querySelector('.BtnContainer').children; const contents = container.querySelector('.BtnContent').children;
// 获取点击的按钮的索引 const index = Array.from(buttons).indexOf(e.target);
// 切换激活状态 toggleActiveState(buttons, contents, index); } });
}); }
function toggleActiveState(buttons, contents, index) {
// 检查当前内容是否已经显示 const isActive = contents[index].classList.contains('active');
// 如果已经激活(显示),则移除激活(隐藏)状态 if (isActive) { //buttons[index].classList.remove('active'); //contents[index].classList.remove('active'); } else { // 否则,先移除所有按钮和内容的active类 Array.from(buttons).forEach(button => button.classList.remove('active')); Array.from(contents).forEach(content => content.classList.remove('active'));
// 然后为被点击的按钮添加active类,并显示对应的内容 buttons[index].classList.add('active'); contents[index].classList.add('active'); }
} }); }]); </script>