猫史档案馆

如题，使用喵码

index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./style.css">
    <title>ADK</title>
</head>
<body>
    <script src="./jquery.js"></script>
    <div class="message-list">
        <div class="story-list"></div>
    </div>
    <div class="tabs">
        <div class="tab">
            <input type="radio" name="tab-group-1" id="tab-1" checked>
            <label for="tab-1">A Firelit Room</label>
            <div class="content">
                <button id="makeFire" class="collected">stoke fire</button>
            <div class="eleTle">build:</div>
            <div class="container" id="tmd01">
                <!-- <div class="makeing"><button id="makeHunt" class="collected">Hunter hut</button></div>
                <div class="makeing"><button id="makeTool" class="collected">Tool Hut</button></div> -->
            </div>
            </div>
        </div>
        <div class="tab">
            <input type="radio" name="tab-group-1" id="tab-2" >
            <label for="tab-2">A silent forests</label>
            <div class="content">
                <button id="collectWoodEventHdl" class="collected">Gather Wood</button><br>
                <!-- <button id="collectTrapThingsHdl" class="collected">Checked the traps</button> -->
            </div>
        </div>
        <div class="tab">
            <input type="radio" name="tab-group-1" id="tab-3" >
            <label for="tab-3">Outdoor</label>
            <div class="content">不想写</div>
        </div>
    </div>
    <div class="factilites">
        <!-- <div class="elements-call">- Resourses</div> -->
        <div class="resourses"></div>
        <!-- <div class="elements-call">- Factilites</div> -->
    </div>
    <script src="./script.js"></script>
</body>
</html>

script.js

console.log('|----------= The new script happened =----------|');
const handle = {}, TickInSeconds = 100;
const MAX_MESSAGE_SHOW_NUMBER = 15;
let eventTick = 0;
let Item = {
    'wood': { type: 'resourse', name:'Gather Wood',buildInTag: 'made-wood' }, // 木头
    'fur': { type: 'resourse', name:'Check traps',buildInTag: 'made-fur' },   // 皮毛
    'meat': { type: 'resourse', buildInTag: 'made-meat' }, // 鲜肉
    'cloth': { type: 'resourse', buildInTag: 'made-cloth' },// 布料
    'scales': { type: 'resourse', buildInTag: 'made-iron', onTrade: [{ name: 'fur', num: 150 }] }, // 鳞片
    'teeth': { type: 'resourse', buildInTag: 'made-teeth', onTrade: [{ name: 'fur', num: 300 }] }, // 利齿
    'torch': { type: 'resourse', buildInTag: 'made-torch', onTrade: [{ name: 'cloth', num: 1 }, { name: 'wood', num: 1 }] },// 火把
    'trap': { type: 'facilities', buildInTag: 'made-trap', onTrade: [{ name: 'wood', num: 10 }] }
}
const INIT = () => {
    return {
        messagesList: [],
        resourses: [],
        addMessageEvent(alertEventString) {
            this.messagesList.unshift(alertEventString);
            let strbuffer = ``;
            for (let i = 0; i < Math.min(MAX_MESSAGE_SHOW_NUMBER, this.messagesList.length); i++)
                strbuffer += `<div class="story" style="opacity:${1 - 1 / MAX_MESSAGE_SHOW_NUMBER * i};">${this.messagesList[i]}</div><br>`;
            document.querySelector('.story-list').innerH喵L = strbuffer;
        },
    };
};
let addButtonInElements = (element, addNubs) => {
    document.querySelector(element).innerH喵L+=`
    <button id="${Item[addNubs].buildInTag}" class="collected">${Item[addNubs].name}</button>
    <div class="describe" id="${Item[addNubs].buildInTag}-describe"></div>`;
    $(`#${Item[addNubs].buildInTag}`).mouseover(function(){
        console.log(addNubs);
    })
}
window.onload = async () => {
    Object.assign(handle, INIT())
    addButtonInElements('#tmd01','wood');
    addButtonInElements('#tmd01','fur');
    handle.addMessageEvent('The fire is dead.<br>The room is cold.');
    // setInterval(() => {
    //     eventTick += 1;
    // }, TickInSeconds)
};
// https://www.bilibili.com/video/BV1V14y1u7Kg?spm_id_from=333.1007.tianma.2-2-5.click

用vscode打开网页，发现鼠标移到Gather wood中，没有在控制台显示（这里不对啊，已经给这个mousemove了啊?）

但是移到Checked traps中，控制台显示fur

找大佬求助。。。。

猫史档案馆

【水】【js求助】关于JQ中mouseover的机制

回复