微件

配队模拟器：修订间差异

来自卡厄思梦境WIKI

←上一编辑下一编辑→
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
4,124次编辑
无编辑摘要
律Rhyme​（留言 | 贡献）
行政员、​界面管理员、​管理员
4,124次编辑
无编辑摘要
第1行： 第1行：
<script>
<script>
    var modal = document.getElementById('character-list-modal');
$(document).ready(function() {
    var content = document.getElementById('character-list-content');
    // 点击角色槽位显示选择窗口
   
    $('#character-slot').on('click', function() {
    // 如果还没有加载角色列表，则加载
         $('#character-modal').fadeIn(200);
    if (content.children.length === 0) {
     });
         content.innerHTML = '<div id="character-list-data"></div>';
        // 角色列表将通过下面的div加载
     }
      
      
     modal.style.display = 'block';
     // 关闭角色选择窗口
}
     $('#close-character-modal').on('click', function() {
 
        $('#character-modal').fadeOut(200);
function closeCharacterList() {
     });
     document.getElementById('character-list-modal').style.display = 'none';
}
 
function selectCharacter(name) {
    var slot = document.getElementById('character-slot');
    var placeholder = document.getElementById('character-placeholder');
     var selected = document.getElementById('character-selected');
      
      
     // 隐藏占位符
     // 点击遮罩层关闭窗口
     placeholder.style.display = 'none';
     $('#character-modal').on('click', function(e) {
        if (e.target === this) {
            $(this).fadeOut(200);
        }
    });
      
      
     // 显示选中的角色
     // 选择角色
     selected.innerHTML = '<img src="/images/' + encodeURIComponent('战斗员图鉴_' + name + '.png') + '" width="150" />';
     $(document).on('click', '.character-option', function() {
    selected.style.display = 'block';
        var characterName = $(this).data('name');
   
        var characterImage = '[[File:战斗员图鉴_' + characterName + '.png|150px|link=]]';
    // 关闭弹窗
       
    closeCharacterList();
        // 更新槽位显示
   
        $('#character-slot').html(characterImage);
    // 移除点击事件，改为右键可以重新选择
         $('#character-slot').css('border', 'none');
    slot.onclick = null;
          
    slot.oncontextmenu = function(e) {
         // 关闭选择窗口
        e.preventDefault();
        $('#character-modal').fadeOut(200);
         placeholder.style.display = 'flex';
     });
        selected.style.display = 'none';
        selected.innerHTML = '';
         slot.onclick = showCharacterList;
         slot.oncontextmenu = null;
    };
}
 
// 点击模态框外部关闭
document.addEventListener('click', function(event) {
    var modal = document.getElementById('character-list-modal');
    if (event.target === modal) {
        closeCharacterList();
     }
});
});
</script>
</script>

2025年10月18日 (六) 21:08的版本

<script> $(document).ready(function() { 

   // 点击角色槽位显示选择窗口
   $('#character-slot').on('click', function() {
       $('#character-modal').fadeIn(200);
   });
   
   // 关闭角色选择窗口
   $('#close-character-modal').on('click', function() {
       $('#character-modal').fadeOut(200);
   });
   
   // 点击遮罩层关闭窗口
   $('#character-modal').on('click', function(e) {
       if (e.target === this) {
           $(this).fadeOut(200);
       }
   });
   
   // 选择角色
   $(document).on('click', '.character-option', function() {
       var characterName = $(this).data('name');
       var characterImage = '文件:战斗员图鉴 ' + characterName + '.png';
       
       // 更新槽位显示
       $('#character-slot').html(characterImage);
       $('#character-slot').css('border', 'none');
       
       // 关闭选择窗口
       $('#character-modal').fadeOut(200);
   });

}); </script>

检索自“http://cznwiki.com/index.php?title=微件:配队模拟器&oldid=3420”